/* ===== Test Workspace Layout (Full Page QCM Only) ===== */ #quiz-panel.test-workspace { width: 100%; max-width: none; display: grid; grid-template-columns: minmax(238px, 270px) minmax(0, 1fr); gap: 10px; align-items: start; padding: 4px !important; margin: 0; min-height: calc(100vh - 64px); min-height: calc(100dvh - 64px); background: linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(17, 24, 39, 0.96) 100%); border-radius: 18px; overflow: visible; } #setup-section.test-workspace-active { justify-content: flex-start; align-items: stretch; padding-top: 4px !important; padding-bottom: 32px !important; min-height: 100%; background: linear-gradient(180deg, #0f172a 0%, #111827 100%); overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain; } @media (min-width: 769px) { body.qcm-workspace-active #main-content > .app-top-banner { display: none !important; } body.qcm-workspace-active #setup-section.test-workspace-active { padding-top: 0 !important; } } #setup-section.test-workspace-active #setup-panel { display: none !important; } #setup-section.test-workspace-active #filters-container, #setup-section.test-workspace-active #setup-content-layout, #setup-section.test-workspace-active #options-panel, #setup-section.test-workspace-active #years-container { display: none !important; } #setup-section.test-workspace-active #quiz-panel.test-workspace { height: auto !important; min-height: 100%; overflow: visible; } #quiz-panel.test-workspace #quiz-info-column { display: flex !important; flex-direction: column; gap: 8px; min-width: 0; align-self: stretch; overflow: visible; } #quiz-panel.test-workspace #quiz-main-column { display: flex; flex-direction: column; gap: 6px; min-width: 0; min-height: 100%; align-self: stretch; width: 100%; overflow: visible; } body.mindmap-focus-active #quiz-panel.test-workspace { grid-template-columns: minmax(0, 1fr) !important; } body.mindmap-focus-active #quiz-panel.test-workspace #quiz-info-column { display: none !important; } #sidebar-nav.test-workspace-sidebar { display: flex !important; flex-direction: column; width: 100% !important; min-width: 0 !important; height: calc(100vh - var(--app-top-banner-height, 0px) - 12px); height: calc(100dvh - var(--app-top-banner-height, 0px) - 12px); min-height: calc(100vh - var(--app-top-banner-height, 0px) - 12px); min-height: calc(100dvh - var(--app-top-banner-height, 0px) - 12px); max-height: calc(100vh - var(--app-top-banner-height, 0px) - 12px); max-height: calc(100dvh - var(--app-top-banner-height, 0px) - 12px); position: sticky; top: 4px; transform: none !important; border: 1px solid #243244 !important; border-radius: 18px; background: linear-gradient(180deg, rgba(17, 24, 39, 0.99) 0%, rgba(15, 23, 42, 0.98) 100%); box-shadow: 0 14px 32px rgba(2, 6, 23, 0.34), inset 0 1px 0 rgba(148, 163, 184, 0.08); overflow: hidden; scrollbar-width: thin; scrollbar-color: rgba(71, 85, 105, 0.98) rgba(15, 23, 42, 0.96); } #sidebar-nav.test-workspace-sidebar.hidden { display: flex !important; } #btn-study-side { display: none !important; } #sidebar-nav.test-workspace-sidebar #nav-items-container { padding: 10px !important; margin: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; max-height: 100%; min-width: 0; scrollbar-width: thin; scrollbar-color: rgba(71, 85, 105, 0.98) rgba(15, 23, 42, 0.96); } #sidebar-nav.test-workspace-sidebar::-webkit-scrollbar, #sidebar-nav.test-workspace-sidebar #nav-items-container::-webkit-scrollbar { width: 4px; } #sidebar-nav.test-workspace-sidebar::-webkit-scrollbar-track, #sidebar-nav.test-workspace-sidebar #nav-items-container::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.96); border-radius: 999px; } #sidebar-nav.test-workspace-sidebar::-webkit-scrollbar-thumb, #sidebar-nav.test-workspace-sidebar #nav-items-container::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(71, 85, 105, 0.98) 0%, rgba(51, 65, 85, 0.96) 100%); border-radius: 999px; } #sidebar-nav.test-workspace-sidebar::-webkit-scrollbar-thumb:hover, #sidebar-nav.test-workspace-sidebar #nav-items-container::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(100, 116, 139, 0.98) 0%, rgba(71, 85, 105, 0.96) 100%); } #sidebar-nav.test-workspace-sidebar #nav-items-container button { width: 100%; min-height: 34px !important; padding: 7px 9px !important; margin-bottom: 4px !important; border-radius: 10px !important; } #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn, #workspace-nav-items-container .nav-instruction-btn { border: 1px solid rgba(148, 163, 184, 0.16) !important; background: rgba(15, 23, 42, 0.22) !important; color: #dbe7f5 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); backdrop-filter: blur(8px); } #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn:hover, #workspace-nav-items-container .nav-instruction-btn:hover { background: rgba(30, 41, 59, 0.46) !important; border-color: rgba(96, 165, 250, 0.34) !important; transform: translateY(-1px); } #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-current, #workspace-nav-items-container .nav-instruction-btn.is-current { border-color: rgba(96, 165, 250, 0.6) !important; box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08); } #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-correct, #workspace-nav-items-container .nav-instruction-btn.is-correct { background: linear-gradient(135deg, rgba(22, 101, 52, 0.9) 0%, rgba(21, 128, 61, 0.84) 100%) !important; border-color: rgba(74, 222, 128, 0.45) !important; color: #f0fdf4 !important; } #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-wrong, #workspace-nav-items-container .nav-instruction-btn.is-wrong { background: linear-gradient(135deg, rgba(127, 29, 29, 0.82) 0%, rgba(153, 27, 27, 0.72) 100%) !important; border-color: rgba(248, 113, 113, 0.42) !important; color: #fef2f2 !important; } #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-overdue, #workspace-nav-items-container .nav-instruction-btn.is-overdue { background: linear-gradient(135deg, rgba(202, 138, 4, 0.94) 0%, rgba(234, 179, 8, 0.88) 100%) !important; border-color: rgba(253, 224, 71, 0.56) !important; color: #1f2937 !important; } #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-meta, #workspace-nav-items-container .nav-instruction-meta { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; margin-left: 10px; } #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-time, #workspace-nav-items-container .nav-instruction-time { font-size: 10px !important; font-weight: 800; letter-spacing: 0.02em; color: rgba(191, 219, 254, 0.82); } #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-overdue .nav-instruction-time, #workspace-nav-items-container .nav-instruction-btn.is-overdue .nav-instruction-time { color: rgba(17, 24, 39, 0.9) !important; } #sidebar-nav.test-workspace-sidebar #nav-items-container button span { font-size: 10px !important; } @media (min-width: 769px) { body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar { display: flex !important; } } #quiz-bottom-summary-row { display: grid; grid-template-columns: 1fr; gap: 6px; align-items: stretch; } #quiz-top-unified-card { display: flex; flex-direction: column; gap: 0; padding: 6px 8px; border-radius: 18px; border: 1px solid #d4dde6; background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(231, 237, 242, 0.98) 100%); box-shadow: 0 14px 34px rgba(148, 163, 184, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9); min-width: 0; overflow: visible; position: relative; z-index: 40; } #quiz-top-unified-card > * { margin: 0 !important; } #quiz-top-unified-card > * + * { border-top: 1px solid #dbe4ec; padding-top: 4px !important; margin-top: 4px !important; } body.qcm-workspace-active #quiz-top-unified-card { --workspace-topbar-item-height: var(--qcm-unified-action-height); --workspace-topbar-row-1-height: 1cm; --workspace-topbar-row-1-top-gap: 2mm; --workspace-topbar-row-gap: 2mm; height: auto; min-height: 3cm; max-height: none; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; gap: var(--workspace-topbar-row-gap); padding: var(--workspace-topbar-row-1-top-gap) 0 0 0 !important; box-sizing: border-box; background: transparent !important; border: none !important; box-shadow: none !important; overflow: visible; } body.qcm-workspace-active #quiz-top-unified-card > * + * { border-top: none !important; padding-top: 0 !important; margin-top: 0 !important; } body.qcm-workspace-active .workspace-topbar-row { width: 100%; min-width: 0; display: flex; align-items: center; gap: 6px; flex: 1 1 0; min-height: 0; height: var(--workspace-topbar-item-height); flex: 0 0 var(--workspace-topbar-item-height); } body.qcm-workspace-active #workspace-topbar-row-1 { flex-wrap: nowrap; justify-content: flex-start; gap: 8px; min-height: var(--workspace-topbar-row-1-height); height: var(--workspace-topbar-row-1-height); flex: 0 0 var(--workspace-topbar-row-1-height); align-items: stretch; } body.qcm-workspace-active #workspace-topbar-row-2 { min-width: 0; align-items: center; justify-content: flex-start; gap: 8px; min-height: var(--workspace-topbar-item-height); height: auto; flex: 0 0 auto; } body.qcm-workspace-active #workspace-topbar-row-3 { flex-wrap: nowrap; justify-content: space-between; min-width: 0; } body.qcm-workspace-active #workspace-topbar-row-1, body.qcm-workspace-active #workspace-topbar-row-2, body.qcm-workspace-active #workspace-topbar-row-3 { align-items: center; } body.qcm-workspace-active #workspace-topbar-row-1 #quiz-top-row { flex: 1 1 56%; min-width: 0; margin-bottom: 0 !important; height: var(--workspace-topbar-row-1-height); align-items: stretch; gap: 8px; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats { flex: 1 1 44%; min-width: 320px; margin-bottom: 0 !important; height: var(--workspace-topbar-row-1-height); display: flex; align-items: center; overflow: hidden; } body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar { flex: 1 1 auto; width: auto; min-width: 0; margin-bottom: 0 !important; height: auto; align-items: center; } body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper { display: flex; align-items: stretch; min-width: 0; flex: 1 1 auto; } body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row, body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .mini-timer-pill, body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats { min-height: var(--workspace-topbar-row-1-height) !important; height: var(--workspace-topbar-row-1-height) !important; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-compact-row { display: flex; align-items: center; gap: 6px; width: 100%; min-width: 0; flex-wrap: nowrap; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days { flex: 1 1 auto; min-width: 0; padding-bottom: 0; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { flex: 0 1 auto; min-width: 0; overflow-x: auto; overflow-y: hidden; padding: 1px 0; scrollbar-width: none; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar { display: none; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-side-pills { display: flex; align-items: center; gap: 5px; flex: 0 1 auto; min-width: 0; overflow-x: auto; overflow-y: hidden; padding: 1px 0; scrollbar-width: none; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-side-pills::-webkit-scrollbar { display: none; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-group { display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: var(--workspace-topbar-row-1-height) !important; padding: 0 10px !important; border-radius: 999px !important; border: 1px solid #dbe7f0 !important; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 2px 8px rgba(148, 163, 184, 0.12) !important; box-sizing: border-box !important; flex: 0 0 auto !important; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill.quality { border-color: #fcd34d !important; background: linear-gradient(180deg, #fffdf5 0%, #fffbeb 100%) !important; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill.difficulty { border-color: #fecdd3 !important; background: linear-gradient(180deg, #fff5f5 0%, #fff1f2 100%) !important; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill > #quality-rating-shell, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill > #difficulty-rating-shell { display: inline-flex !important; align-items: center !important; gap: 4px !important; min-height: auto !important; height: auto !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill > #quality-rating-shell > span, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill > #difficulty-rating-shell > span { display: inline-flex !important; align-items: center !important; min-width: 0 !important; width: auto !important; height: auto !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #64748b !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill #rating-quality, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill #rating-difficulty { display: flex !important; align-items: center !important; gap: 1px !important; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill #rating-quality .large-star, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill #rating-difficulty .large-star { font-size: 13px !important; line-height: 1 !important; } body.dark-theme.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill { border-color: rgba(148, 163, 184, 0.28) !important; background: linear-gradient(180deg, #0f172a 0%, #111c33 100%) !important; box-shadow: 0 6px 18px rgba(2, 6, 23, 0.24) !important; } body.dark-theme.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill.quality { border-color: rgba(245, 158, 11, 0.4) !important; background: linear-gradient(180deg, rgba(120, 53, 15, 0.72) 0%, rgba(69, 26, 3, 0.82) 100%) !important; } body.dark-theme.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill.difficulty { border-color: rgba(96, 165, 250, 0.26) !important; background: linear-gradient(180deg, rgba(30, 41, 59, 0.82) 0%, rgba(15, 23, 42, 0.92) 100%) !important; } body.dark-theme.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill > #quality-rating-shell > span, body.dark-theme.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill > #difficulty-rating-shell > span { color: #e2e8f0 !important; } body.qcm-workspace-active #question-filters-bar { display: flex; flex-direction: column; gap: 0 !important; width: 100%; } body.qcm-workspace-active .qcm-filter-row { display: flex; gap: 4px; width: 100%; min-width: 0; } body.qcm-workspace-active .qcm-filter-row.single-line { display: flex; flex-wrap: nowrap; gap: 4px; width: 100%; } body.qcm-workspace-active #question-filters-bar, body.qcm-workspace-active .qcm-filter-row, body.qcm-workspace-active .filter-badge { overflow: visible !important; } body.qcm-workspace-active .qcm-filter-row .filter-badge { width: auto; justify-content: flex-start; text-align: left; border-radius: 999px; padding: 3px 6px; min-height: 22px; font-size: 8px; margin: 0 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 3px 8px rgba(148, 163, 184, 0.12); overflow: visible; text-overflow: ellipsis; white-space: nowrap; } body.qcm-workspace-active .qcm-filter-row.single-line .filter-badge { width: auto; min-width: 0; flex: 1 1 0; } body.qcm-workspace-active .qcm-filter-row.single-line .filter-badge.filter-large { flex: 2.2 1 0; font-size: 8px; padding: 3px 7px; min-height: 22px; } body.qcm-workspace-active .qcm-filter-row.single-line .filter-badge.filter-small { flex: 0 0 auto; font-size: 6.5px; padding: 2px 4px; min-height: 18px; border-radius: 999px; gap: 3px; max-width: 84px; min-width: 0; } body.qcm-workspace-active .qcm-filter-row.single-line .filter-badge.filter-small i { font-size: 6px; } body.qcm-workspace-active .qcm-filter-row .filter-badge i { font-size: 7px; } body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-bar { flex: 1 1 auto; min-width: 0; height: var(--workspace-topbar-item-height); padding: 0 !important; margin: 0 !important; display: flex; align-items: center; } body.qcm-workspace-active #qcm-inline-actions-host { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; min-width: 0; height: var(--workspace-topbar-item-height); } body.qcm-workspace-active #quiz-timers-row, body.qcm-workspace-active #quiz-timers-row .mini-timer-pill, body.qcm-workspace-active #desktop-quick-search-input, body.qcm-workspace-active .question-stats-pill { height: var(--workspace-topbar-item-height) !important; } body.qcm-workspace-active #quiz-timers-row .mini-timer-pill { padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; align-items: center !important; } body.qcm-workspace-active #desktop-quick-search-input { padding-top: 0 !important; padding-bottom: 0 !important; } body.qcm-workspace-active .question-stats-pill { padding-top: 0 !important; padding-bottom: 0 !important; display: inline-flex; align-items: center; } body.dark-theme.qcm-workspace-active #setup-section.test-workspace-active { background: linear-gradient(180deg, #09111f 0%, #0b1220 100%) !important; scrollbar-color: rgba(71, 85, 105, 0.98) rgba(15, 23, 42, 0.22); } body.dark-theme.qcm-workspace-active #setup-section.test-workspace-active::-webkit-scrollbar { width: 8px; } body.dark-theme.qcm-workspace-active #setup-section.test-workspace-active::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.22); border-radius: 999px; } body.dark-theme.qcm-workspace-active #setup-section.test-workspace-active::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(71, 85, 105, 0.96) 0%, rgba(51, 65, 85, 0.96) 100%); border-radius: 999px; } body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace { background: linear-gradient(180deg, rgba(10, 15, 27, 0.99) 0%, rgba(15, 23, 42, 0.97) 100%) !important; border: 1px solid rgba(30, 41, 59, 0.86); box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.05); } body.dark-theme.qcm-workspace-active #quiz-top-unified-card { background: linear-gradient(180deg, rgba(12, 20, 35, 0.96) 0%, rgba(15, 23, 42, 0.94) 100%) !important; border: 1px solid rgba(37, 99, 235, 0.14) !important; box-shadow: 0 18px 34px rgba(2, 6, 23, 0.28), inset 0 1px 0 rgba(148, 163, 184, 0.05) !important; } body.dark-theme.qcm-workspace-active #workspace-topbar-row-1, body.dark-theme.qcm-workspace-active #workspace-topbar-row-2, body.dark-theme.qcm-workspace-active #workspace-topbar-row-3, body.dark-theme.qcm-workspace-active #workspace-topbar-row-4 { background: transparent !important; } body.dark-theme.qcm-workspace-active #quiz-timers-row .mini-timer-pill, body.dark-theme.qcm-workspace-active .question-stats-pill, body.dark-theme.qcm-workspace-active #desktop-quick-search-input, body.dark-theme.qcm-workspace-active #qcm-control-main-row > button, body.dark-theme.qcm-workspace-active #qcm-main-translate-host button { background: rgba(15, 23, 42, 0.78) !important; border-color: rgba(148, 163, 184, 0.22) !important; color: #e5eefb !important; } body.dark-theme.qcm-workspace-active .question-stats-pill.danger, body.dark-theme.qcm-workspace-active #qcm-control-main-row > button#btn-close-companion-main { background: rgba(15, 23, 42, 0.78) !important; color: #e5eefb !important; border-color: rgba(148, 163, 184, 0.22) !important; } body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-extra-row { display: none !important; } body.qcm-workspace-active #qcm-control-main-row { margin: 0 !important; padding: 0 !important; border-bottom: none !important; align-items: center; } body.qcm-workspace-active #qcm-control-main-row > button, body.qcm-workspace-active #qcm-control-main-row .large-translate-btn, body.qcm-workspace-active #qcm-control-main-row #qcm-main-translate-host button { height: var(--workspace-topbar-item-height) !important; padding-top: 0 !important; padding-bottom: 0 !important; display: inline-flex; align-items: center; } body.qcm-workspace-active #qcm-inline-actions-host button { height: var(--workspace-topbar-item-height) !important; padding-top: 0 !important; padding-bottom: 0 !important; display: inline-flex; align-items: center; } body.qcm-workspace-active #qcm-control-main-row { flex: 1 1 auto; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; scrollbar-width: none; } body.qcm-workspace-active #qcm-control-main-row::-webkit-scrollbar { display: none; } body.qcm-workspace-active #qcm-control-extra-row { flex: 0 0 auto; } body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row { display: flex !important; flex: 0 0 auto; align-items: center; gap: 7px; margin: 0 !important; min-height: 22px !important; height: 22px !important; padding: 0 7px !important; border: 1px solid #d8e3f0 !important; border-radius: 999px !important; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 2px 8px rgba(148, 163, 184, 0.12) !important; overflow: hidden !important; } body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main { min-height: 18px !important; height: 18px !important; padding: 0 8px !important; border-radius: 999px !important; font-size: 8px !important; line-height: 1 !important; flex: 0 0 auto !important; border-color: #c4b5fd !important; background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important; color: #6d28d9 !important; box-shadow: none !important; } body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main i { font-size: 8px !important; } body.split-companion-active #quiz-top-unified-card { width: 100%; min-width: 0; max-width: 100%; padding-right: 4px !important; box-sizing: border-box; } body.split-companion-active #workspace-topbar-row-1, body.split-companion-active #workspace-topbar-row-2, body.split-companion-active #workspace-topbar-row-3, body.split-companion-active #workspace-topbar-row-4 { width: 100%; min-width: 0; flex: 0 0 auto; } body.split-companion-active #workspace-topbar-row-1 #quiz-top-row, body.split-companion-active #workspace-topbar-row-1 #question-stats, body.split-companion-active #workspace-topbar-row-2 #question-filters-bar, body.split-companion-active #workspace-topbar-row-2 #qcm-control-extra-row, body.split-companion-active #workspace-topbar-row-3 #qcm-control-bar, body.split-companion-active #qcm-inline-actions-host { flex: 1 1 auto; min-width: 0; } body.split-companion-active #workspace-topbar-row-3 { justify-content: flex-start; } body.split-companion-active #workspace-topbar-row-3 #qcm-control-main-row, body.split-companion-active #workspace-topbar-row-2 #qcm-control-extra-row { justify-content: flex-start; flex-wrap: wrap; } body.split-companion-active #workspace-topbar-row-3 #qcm-control-main-row { width: 100%; box-sizing: border-box; padding-right: 2px; } body.split-companion-active #workspace-topbar-row-1 #quick-search-wrapper, body.split-companion-active #workspace-topbar-row-3 #btn-schema-main, body.split-companion-active #workspace-topbar-row-3 #qcm-main-translate-host, body.split-companion-active #qcm-inline-actions-host, body.split-companion-active #workspace-topbar-row-1 #révision-details, body.split-companion-active #workspace-topbar-row-1 #révision-count, body.split-companion-active #workspace-topbar-row-1 #révision-correct-total, body.split-companion-active #workspace-topbar-row-1 #révision-wrong-total { display: none !important; } body.split-companion-active #workspace-topbar-row-1 #question-stats { min-width: 0; flex: 0 1 auto; } body.split-companion-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame, body.split-companion-active #workspace-topbar-row-1 #question-stats .question-stats-pills { gap: 6px; } body.split-companion-study #workspace-topbar-row-3 #btn-study-main, body.split-companion-notes #workspace-topbar-row-3 #btn-notes-main, body.split-companion-mindmap #workspace-topbar-row-2 #btn-mindmap-main { display: inline-flex !important; } body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row > div[style*="width:1px"] { display: none !important; } body.qcm-workspace-active #quiz-panel.test-workspace #workspace-topbar-row-2 #quality-rating-shell, body.qcm-workspace-active #quiz-panel.test-workspace #workspace-topbar-row-2 #difficulty-rating-shell { display: flex !important; align-items: center !important; gap: 2px !important; min-height: 22px !important; height: 22px !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } body.qcm-workspace-active #quiz-panel.test-workspace #workspace-topbar-row-2 #difficulty-rating-shell { padding-left: 7px !important; border-left: 1px solid #d8e3f0 !important; } body.qcm-workspace-active #quiz-panel.test-workspace #workspace-topbar-row-2 #quality-rating-shell > span, body.qcm-workspace-active #quiz-panel.test-workspace #workspace-topbar-row-2 #difficulty-rating-shell > span { display: inline-flex !important; align-items: center !important; min-width: 0 !important; width: auto !important; height: auto !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #64748b !important; font-size: 8px !important; font-weight: 800 !important; line-height: 1 !important; } body.qcm-workspace-active #quiz-panel.test-workspace #workspace-topbar-row-2 #rating-quality, body.qcm-workspace-active #quiz-panel.test-workspace #workspace-topbar-row-2 #rating-difficulty { display: flex !important; align-items: center !important; gap: 0 !important; } body.qcm-workspace-active #quiz-panel.test-workspace #workspace-topbar-row-2 #rating-quality .large-star, body.qcm-workspace-active #quiz-panel.test-workspace #workspace-topbar-row-2 #rating-difficulty .large-star { font-size: 10px !important; line-height: 1 !important; } #quiz-panel.test-workspace #quiz-info-column>*, #quiz-panel.test-workspace #quiz-main-column>* { margin: 0 !important; } #quiz-panel.test-workspace #quiz-info-column>*>* { box-sizing: border-box; } #study-inline-info-container #quiz-info-column { display: flex !important; flex-direction: column; gap: 4px; min-width: 0; min-height: auto; background: transparent; border: 0; box-shadow: none; padding: 0; } #study-inline-info-container #quiz-info-column>*+* { border-top: 1px solid #eef2f7; padding-top: 6px !important; } #study-inline-info-container #quiz-info-header { display: none !important; } #study-inline-info-container #quiz-side-controls { display: block !important; } #study-inline-info-container { margin-top: 12px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 8px 10px; } #study-inline-info-container #question-filters-bar { display: flex; flex-direction: column; gap: 6px !important; width: 100%; } #study-inline-info-container .qcm-filter-row { display: grid; gap: 6px; width: 100%; } #study-inline-info-container .qcm-filter-row.full { grid-template-columns: 1fr; } #study-inline-info-container .qcm-filter-row.double { grid-template-columns: repeat(2, minmax(0, 1fr)); } #study-inline-info-container .qcm-filter-row.triple { grid-template-columns: repeat(3, minmax(0, 1fr)); } #study-inline-info-container .qcm-filter-row .filter-badge { width: 100%; justify-content: center; text-align: center; border-radius: 10px; padding: 5px 7px; min-height: 28px; font-size: 10px; margin: 0 !important; } #study-inline-info-container .qcm-filter-row .filter-badge i { font-size: 10px; } #study-quiz-content #study-stats-section { margin-top: 10px !important; padding: 8px 10px !important; border-radius: 10px !important; } #study-quiz-content #study-stats-section .stats-title { font-size: 10px !important; margin-bottom: 6px !important; gap: 5px !important; color: #64748b !important; text-transform: uppercase; letter-spacing: 0.35px; } #study-quiz-content #study-stats-section .stats-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px !important; } #study-quiz-content #study-stats-section .stat-item { min-width: 0; padding: 6px 5px !important; border-radius: 9px !important; border-left-width: 0 !important; border: 1px solid #e6edf5; background: #ffffff; gap: 2px; } #study-quiz-content #study-stats-section .stat-label { width: auto; height: auto; padding: 2px 5px; margin-bottom: 0 !important; line-height: 1.1; font-size: 8px !important; font-weight: 800; color: #64748b !important; text-transform: uppercase; letter-spacing: 0.2px; } #study-quiz-content #study-stats-section .stat-value { font-size: 12px !important; line-height: 1.1; font-weight: 900; } #study-info-panel-host { max-height: none; overflow: visible; } #quiz-panel.test-workspace #quiz-info-header, #quiz-panel.test-workspace #quiz-top-row, #quiz-panel.test-workspace #question-filters-bar, #quiz-panel.test-workspace #question-stats, #quiz-panel.test-workspace #quiz-side-controls, #quiz-panel.test-workspace #quiz-stats-section { background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; } #quiz-panel.test-workspace #question-filters-bar, #quiz-panel.test-workspace #qcm-control-bar, #quiz-panel.test-workspace #quiz-bottom-summary-row { margin-bottom: 0 !important; } #quiz-panel.test-workspace #question-filters-bar, #quiz-panel.test-workspace .qcm-filter-row, #quiz-panel.test-workspace .filter-badge, #quiz-panel.test-workspace #qcm-control-bar, #quiz-panel.test-workspace #qcm-control-main-row, #quiz-panel.test-workspace #qcm-main-translate-host, #quiz-panel.test-workspace #qcm-main-translate-host .translate-dropdown, #quiz-panel.test-workspace #question-card-wrapper { overflow: visible !important; } #quiz-panel.test-workspace #quiz-info-column>*+* { border-top: 1px solid #eef2f7; padding-top: 4px !important; } #quiz-panel.test-workspace #quiz-info-header+* { border-top: none !important; padding-top: 0 !important; } #quiz-panel.test-workspace #quiz-info-header, #quiz-panel.test-workspace #quiz-side-controls { display: block !important; } #quiz-panel.test-workspace #quiz-info-header { display: none !important; } #quiz-panel.test-workspace #quiz-side-controls { display: none !important; } #quiz-panel.test-workspace #quiz-top-row { display: flex !important; flex-direction: row; align-items: stretch; gap: 4px !important; padding: 0; margin-bottom: 0 !important; } #quiz-panel.test-workspace #question-filters-bar { margin-bottom: 2px !important; } #quiz-panel.test-workspace #quiz-bottom-summary-row { margin-top: 4px !important; } #quiz-panel.test-workspace #quiz-top-row>div:first-child { align-self: auto; } #quiz-panel.test-workspace #quiz-timers-row { display: grid !important; grid-template-columns: 1fr 1fr; gap: 4px; width: 166px; min-width: 166px; flex: 0 0 166px !important; order: 2; } #quiz-panel.test-workspace #quiz-timers-row .mini-timer-pill { width: 100%; flex: 1 1 auto !important; display: grid !important; grid-template-columns: 10px auto minmax(0, 1fr); align-items: center; justify-content: stretch; gap: 3px; padding: 3px 5px !important; min-width: 0; } #quiz-panel.test-workspace #qcm-control-bar { margin-top: 4px !important; padding: 7px 8px !important; } #quiz-panel.test-workspace #qcm-control-main-row { margin-bottom: 5px !important; padding-bottom: 5px !important; } #quiz-panel.test-workspace #quiz-timers-row .mini-timer-pill span:first-of-type { font-size: 7px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #quiz-panel.test-workspace #question-total-timer, #quiz-panel.test-workspace #question-q-timer { display: inline-block; min-width: 0; justify-self: end; font-size: 10px !important; font-weight: 900; letter-spacing: 0.15px !important; font-variant-numeric: tabular-nums; line-height: 1; overflow: hidden; text-overflow: clip; white-space: nowrap; } #quiz-panel.test-workspace #quick-search-wrapper { width: auto; flex: 1 1 auto; min-width: 0; order: 1; } #quiz-panel.test-workspace #question-filters-bar { display: flex; flex-direction: column; gap: 0 !important; width: 100%; } #quiz-panel.test-workspace .qcm-filter-row { display: flex; gap: 4px; width: 100%; min-width: 0; } #quiz-panel.test-workspace .qcm-filter-row.single-line, #study-inline-info-container .qcm-filter-row.single-line { display: flex; flex-wrap: nowrap; gap: 4px; width: 100%; } #quiz-panel.test-workspace .qcm-filter-row.full { grid-template-columns: 1fr; } #quiz-panel.test-workspace .qcm-filter-row.triple { grid-template-columns: repeat(3, minmax(0, 1fr)); } #quiz-panel.test-workspace .qcm-filter-row.double { grid-template-columns: repeat(2, minmax(0, 1fr)); } #quiz-panel.test-workspace .qcm-filter-row .filter-badge { width: auto; justify-content: flex-start; text-align: left; border-radius: 999px; padding: 3px 6px; min-height: 22px; font-size: 8px; margin: 0 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 3px 8px rgba(148, 163, 184, 0.12); overflow: visible; text-overflow: ellipsis; white-space: nowrap; } #quiz-panel.test-workspace .qcm-filter-row.single-line .filter-badge, #study-inline-info-container .qcm-filter-row.single-line .filter-badge { width: auto; min-width: 0; flex: 1 1 0; } #quiz-panel.test-workspace .qcm-filter-row.single-line .filter-badge.filter-large, #study-inline-info-container .qcm-filter-row.single-line .filter-badge.filter-large { flex: 2.2 1 0; font-size: 8px; padding: 3px 7px; min-height: 22px; } #quiz-panel.test-workspace .qcm-filter-row.single-line .filter-badge.filter-small, #study-inline-info-container .qcm-filter-row.single-line .filter-badge.filter-small { flex: 0 0 auto; font-size: 6.5px; padding: 2px 4px; min-height: 18px; border-radius: 999px; gap: 3px; max-width: 84px; min-width: 0; } #quiz-panel.test-workspace .qcm-filter-row.single-line .filter-badge.filter-small i, #study-inline-info-container .qcm-filter-row.single-line .filter-badge.filter-small i { font-size: 6px; } #quiz-panel.test-workspace .qcm-filter-row .filter-badge i { font-size: 7px; } #quiz-panel.test-workspace #quiz-side-actions-row { display: none !important; } #quiz-panel.test-workspace #quiz-side-translate-host .translate-dropdown { position: relative; margin-left: 0 !important; width: 100%; display: block; } #quiz-panel.test-workspace #quiz-side-translate-host .large-translate-btn { width: 100%; justify-content: center; border-radius: 8px !important; padding: 4px 8px !important; } #quiz-panel.test-workspace #quiz-side-translate-host .translate-options { width: 140px; min-width: 140px; } #quiz-panel.test-workspace #divider-before-translate { display: none !important; } #qcm-control-bar { padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; display: flex !important; align-items: center; gap: 4px; flex-wrap: nowrap; overflow: visible; } #qcm-control-main-row { align-items: stretch !important; gap: 3px !important; flex-wrap: nowrap !important; flex: 1 1 auto; min-width: 0; margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; } #qcm-control-main-row>button, #qcm-main-translate-host .large-translate-btn { min-height: 24px; padding: 2px 5px !important; border-radius: 10px !important; font-size: 8px !important; line-height: 1.05 !important; white-space: nowrap !important; text-align: center; justify-content: center; overflow: hidden; text-overflow: ellipsis; } #qcm-control-main-row>button { flex: 1 1 0; min-width: 0; } #qcm-control-main-row #btn-end-main { margin-left: 0 !important; } #qcm-control-main-row > button#btn-close-companion-main { display: none !important; background: linear-gradient(135deg, #fff1f2 0%, #ffffff 100%) !important; color: #be123c !important; border: 1.5px solid rgba(251, 113, 133, 0.42) !important; } #qcm-control-main-row > button#btn-close-companion-main.is-visible { display: inline-flex !important; } #qcm-control-main-row > button#btn-close-companion-main i { color: inherit !important; } body.dark-theme #qcm-control-main-row > button#btn-close-companion-main { background: linear-gradient(135deg, rgba(127, 29, 29, 0.34) 0%, rgba(69, 10, 10, 0.92) 100%) !important; color: #fecaca !important; border-color: rgba(248, 113, 113, 0.42) !important; } #quiz-panel.test-workspace #btn-verify-main { display: none !important; } #qcm-main-translate-host { min-width: 66px; flex: 0 0 66px; } #qcm-main-translate-host .translate-dropdown { position: relative; margin-left: 0 !important; display: block; } #qcm-main-translate-host .large-translate-btn { width: 100%; } #qcm-main-translate-host .large-translate-btn, #qcm-main-translate-host .large-translate-btn:hover, #quiz-side-translate-host .large-translate-btn, #quiz-side-translate-host .large-translate-btn:hover { box-shadow: none !important; transform: none !important; } #quiz-panel.test-workspace #qcm-control-main-row { display: flex !important; justify-content: stretch; gap: 3px !important; overflow: visible !important; } #quiz-panel.test-workspace #qcm-control-main-row>button, #quiz-panel.test-workspace #qcm-main-translate-host { width: auto !important; min-width: 0 !important; margin-left: 0 !important; } #quiz-panel.test-workspace #qcm-main-translate-host { grid-column: auto; } #quiz-panel.test-workspace #qcm-main-translate-host .translate-options { width: 140px; min-width: 140px; top: calc(100% + 5px); bottom: auto; z-index: 26000; } #quiz-panel.test-workspace #qcm-control-extra-row { display: flex; align-items: center; gap: 3px; flex-wrap: nowrap; padding-top: 0; border-top: none; margin-top: 0; flex: 0 0 auto; } #quiz-panel.test-workspace #qcm-control-extra-row>div { margin-bottom: 0; } #quiz-panel.test-workspace #qcm-control-extra-row > div[style*="width:1px"] { display: none !important; } #quiz-panel.test-workspace #qcm-control-main-row i { font-size: 8px !important; } #quiz-panel.test-workspace .large-star { font-size: 11px !important; line-height: 1; } #quiz-panel.test-workspace #question-card { min-height: 0; padding: 10px 12px !important; } #quiz-panel.test-workspace #question-card-wrapper, #quiz-panel.test-workspace #qcm-control-bar { width: 100%; max-width: none; } #quiz-panel.test-workspace #question-card h2 { margin: 0 !important; line-height: 1.24 !important; } #quiz-panel.test-workspace #options-container { margin-bottom: 0 !important; } #quiz-panel.test-workspace #options-container::after, #study-quiz-content #options-container-study::after { content: ""; display: block; width: 100%; height: 64px; pointer-events: none; } #quiz-panel.test-workspace .justification-bubble { margin-left: 16px !important; padding: 6px 10px !important; } #quiz-panel.test-workspace #qcm-control-bar { display: flex; flex: 0 0 auto; min-height: auto; margin-top: 0 !important; margin-bottom: 0 !important; overflow: visible; } #quiz-panel.test-workspace #question-stats, #quiz-panel.test-workspace #quiz-stats-section { margin: 0 !important; padding: 6px 8px !important; background: linear-gradient(180deg, #f5f7f9 0%, #e6ebf0 100%) !important; border: 1px solid #d6dee6 !important; border-radius: 12px !important; box-shadow: none !important; } #quiz-panel.test-workspace #question-stats { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 6px; border-left: 1px solid #d6dee6 !important; } #quiz-panel.test-workspace #question-stats .question-stats-main-frame { display: flex; align-items: center; gap: 6px; flex: 1 1 auto; min-width: 0; } #quiz-panel.test-workspace #question-stats .question-stats-side-pills { display: flex; align-items: center; gap: 5px; flex: 0 0 auto; min-width: 0; } #quiz-panel.test-workspace #question-stats .stats-header { margin-bottom: 0; gap: 4px; font-size: 9px; flex: 0 0 auto; } #quiz-panel.test-workspace #question-stats .stats-word-label, #quiz-panel.test-workspace #question-stats #révision-count { font-size: 9px !important; } #quiz-panel.test-workspace #question-stats .stats-details { display: flex; flex-wrap: nowrap; gap: 4px; font-size: 8px; flex: 1 1 auto; min-width: 0; justify-content: flex-end; } #quiz-panel.test-workspace #question-stats .révision-info-row { display: inline-flex; align-items: center; gap: 4px; margin-top: 0; min-width: 0; } #quiz-panel.test-workspace #question-stats .révision-info-row i { margin-top: 0; width: auto; font-size: 9px; } #quiz-panel.test-workspace #question-stats .révision-info-key, #quiz-panel.test-workspace #question-stats .révision-info-value, #quiz-panel.test-workspace #question-stats .révision-date { font-size: 8px !important; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #quiz-panel.test-workspace #question-stats .révision-info-key { min-width: auto; } #quiz-panel.test-workspace #question-stats .révision-date { padding: 2px 5px; margin: 0; } #quiz-panel.test-workspace #quiz-stats-section { margin-top: 0 !important; display: flex; align-items: center; gap: 6px; } #quiz-panel.test-workspace #quiz-stats-section { display: none !important; } #quiz-panel.test-workspace #quiz-stats-section .stats-title { font-size: 8px !important; margin-bottom: 0 !important; gap: 4px !important; color: #64748b !important; text-transform: uppercase; letter-spacing: 0.3px; white-space: nowrap; flex: 0 0 auto; overflow: hidden; text-overflow: ellipsis; } #quiz-panel.test-workspace #quiz-stats-section .stats-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px !important; flex: 1 1 auto; } #quiz-panel.test-workspace #quiz-stats-section .stat-item { min-width: 0; padding: 4px 3px !important; border-radius: 8px !important; border-left-width: 0 !important; border: 1px solid #e6edf5; background: #ffffff; display: flex; flex-direction: column; align-items: center; gap: 1px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8); } #quiz-panel.test-workspace #quiz-stats-section .stat-label { width: auto; height: auto; border-radius: 6px; border: 1px solid #e2e8f0; background: #f8fafc; padding: 1px 4px; margin-bottom: 0 !important; line-height: 1.1; font-size: 7px !important; font-weight: 800; color: #64748b !important; text-transform: uppercase; letter-spacing: 0.2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #quiz-panel.test-workspace #quiz-stats-section .stat-label i { display: none !important; } #quiz-panel.test-workspace #quiz-stats-section .stat-value { font-size: 10px !important; line-height: 1.1; font-weight: 900; } @media (max-width: 1100px) { #quiz-panel.test-workspace { gap: 6px; } } @media (max-width: 768px) { #quiz-panel.test-workspace { display: flex; flex-direction: column; gap: 6px; } #quiz-panel.test-workspace #quiz-main-column { order: 1; } #quiz-panel.test-workspace #quiz-info-column { display: none !important; } #sidebar-nav.test-workspace-sidebar.hidden { display: none !important; } #sidebar-nav.test-workspace-sidebar { display: none !important; } #sidebar-nav.test-workspace-sidebar.active { display: flex !important; } #sidebar-nav.test-workspace-sidebar #nav-items-container { padding: 0 !important; max-height: none; } #btn-study-side { display: none !important; } #quiz-panel.test-workspace #btn-study-main { display: none !important; } #quiz-top-unified-card { position: sticky; top: 4px; z-index: 60; padding: 4px 5px; border-radius: 14px; } #quiz-top-unified-card > * + * { padding-top: 3px !important; margin-top: 3px !important; } #quiz-panel.test-workspace #quiz-top-row { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 5px !important; } #quiz-panel.test-workspace #quiz-timers-row { order: 2; width: 100%; min-width: 0; flex-basis: auto !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; } #quiz-panel.test-workspace #quiz-timers-row .mini-timer-pill { padding: 3px 4px !important; border-radius: 12px !important; gap: 3px !important; } #quiz-panel.test-workspace #quiz-timers-row .mini-timer-pill span:first-of-type { font-size: 6px !important; } #quiz-panel.test-workspace #question-total-timer, #quiz-panel.test-workspace #question-q-timer { font-size: 8px !important; } #quiz-panel.test-workspace #quick-search-wrapper { order: 1; width: 100%; } #quiz-panel.test-workspace #quick-search-wrapper input { font-size: 10px !important; padding: 6px 8px 6px 26px !important; } #quiz-panel.test-workspace #question-card-wrapper { position: sticky; top: var(--mobile-qcm-sticky-top, 0px); z-index: 47; max-height: calc(100dvh - var(--mobile-qcm-sticky-top, 0px) - 8px); overflow: hidden !important; scrollbar-width: thin; } #quiz-panel.test-workspace #question-card { display: flex; flex-direction: column; min-height: 100%; max-height: 100%; overflow: hidden !important; } #quiz-panel.test-workspace #question-card .question-card-head { position: relative; top: auto; z-index: 3; margin: 0 0 8px; padding: 0 0 8px; background: #ffffff; border-bottom: 1px solid rgba(226, 232, 240, 0.86); } #quiz-panel.test-workspace #question-card .question-card-body { position: relative; z-index: 1; flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding-right: 1px; } #quiz-panel.test-workspace .qcm-filter-row.single-line { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; } #quiz-panel.test-workspace .qcm-filter-row.single-line .filter-badge.filter-large { grid-column: span 3; flex: none; max-width: none; } #quiz-panel.test-workspace .qcm-filter-row.single-line .filter-badge.filter-small { grid-column: span 2; flex: none; max-width: none; } #quiz-panel.test-workspace #btn-verify-main { display: none !important; } #quiz-panel.test-workspace #qcm-control-bar { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 0 !important; } #quiz-panel.test-workspace #qcm-control-main-row, #quiz-panel.test-workspace #qcm-control-extra-row { display: contents !important; } #quiz-panel.test-workspace #qcm-control-main-row > button, #quiz-panel.test-workspace #qcm-main-translate-host, #quiz-panel.test-workspace #qcm-main-translate-host .large-translate-btn { width: 100% !important; min-width: 0 !important; } #quiz-panel.test-workspace #qcm-control-main-row > button, #quiz-panel.test-workspace #qcm-main-translate-host .large-translate-btn { min-height: 21px !important; padding: 3px 4px !important; border-radius: 9px !important; font-size: 7px !important; line-height: 1.1 !important; } #quiz-panel.test-workspace #qcm-control-main-row i, #quiz-panel.test-workspace #qcm-main-translate-host .large-translate-btn i { display: none !important; } #quiz-panel.test-workspace #qcm-main-translate-host { min-width: 0; flex-basis: auto; padding-right: 0 !important; } #quiz-panel.test-workspace #qcm-main-translate-host .translate-options { width: 96px; min-width: 96px; top: calc(100% + 4px); bottom: auto; right: 0; z-index: 28000; padding: 3px 0; } #quiz-panel.test-workspace #qcm-main-translate-host .translate-option { padding: 5px 7px; font-size: 7px !important; gap: 3px; } #quiz-panel.test-workspace #qcm-main-translate-host .translate-option i { font-size: 7px !important; width: 8px; } #quiz-panel.test-workspace #qcm-control-extra-row > div[style*="width:1px"] { display: none !important; } #quiz-panel.test-workspace #qcm-control-extra-row > div:not([style*="width:1px"]) { grid-column: span 2; display: flex !important; align-items: center !important; justify-content: center !important; gap: 2px !important; min-width: 0; border: 1px solid #d8e0e7; background: #ffffff; border-radius: 8px; padding: 2px 3px; } #quiz-panel.test-workspace #qcm-control-extra-row > div:not([style*="width:1px"]) span:first-child { font-size: 7px !important; } #quiz-panel.test-workspace .large-star { font-size: 8px !important; } #quiz-bottom-summary-row { grid-template-columns: 1fr; gap: 4px; } #quiz-panel.test-workspace #question-stats, #quiz-panel.test-workspace #quiz-stats-section { padding: 4px 5px !important; border-radius: 10px !important; } #quiz-panel.test-workspace #question-stats { gap: 3px; } #quiz-panel.test-workspace #question-stats .question-stats-compact-row { gap: 3px; } #quiz-panel.test-workspace #question-stats .stats-header, #quiz-panel.test-workspace #question-stats .stats-word-label { font-size: 7px !important; } #quiz-panel.test-workspace #question-stats .question-stats-pills, #quiz-panel.test-workspace #question-stats .question-stats-days { gap: 3px; } #quiz-panel.test-workspace #question-stats .question-stats-pill { min-height: 18px; padding: 2px 5px; font-size: 7px !important; } #quiz-panel.test-workspace #question-stats .question-day-chip { min-height: 18px; padding: 2px 5px; font-size: 6.5px !important; } #quiz-panel.test-workspace #question-stats .question-stats-days { display: flex; gap: 3px; } #quiz-panel.test-workspace #quiz-stats-section .stat-value { font-size: 9px !important; } #quiz-panel.test-workspace #quiz-stats-section .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px !important; } #quiz-panel.test-workspace #quiz-stats-section .stat-label, #quiz-panel.test-workspace #question-stats .question-stats-pill, #quiz-panel.test-workspace #question-stats .question-day-chip { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #qcm-inline-count { min-width: 46px; padding: 2px 6px; font-size: 8px; } .question-card-top-row { margin-bottom: 3px; transform: translateY(-2px); } .question-card-meta-actions { gap: 4px; } .question-actions-after-options { gap: 6px; margin: 2px 0 10px; justify-content: flex-start; } .inline-ai-btn, .inline-verify-btn, .inline-todo-btn { min-height: 36px; padding: 0 14px; font-size: 11px; border-radius: 999px; } .question-comment-head, .question-comment-actions { flex-direction: column; align-items: stretch; } .question-comment-action-buttons, .question-comment-item-actions, .question-comment-item-audio-actions { width: 100%; margin-left: 0; justify-content: stretch; } .answer-inline-review, .answer-inline-track, .answer-inline-editor { gap: 6px; } .answer-letter { font-size: 16px; } .answer-inline-separator { font-size: 19px; } .answer-key-input, .question-comment-audio-btn, .question-comment-voice-btn, .question-comment-save-btn, .question-comment-cancel-btn, .question-comment-item-btn { width: 100%; } .question-comment-input { min-height: 92px; } .question-comment-footer-spacer { height: 24px; } .opt-delete-btn { width: auto; min-width: 12px; height: 12px; padding: 0 2px; font-size: 7px; } .opt-item-wrap .opt-btn { padding-right: 44px !important; --option-actions-space: 44px !important; } .opt-inline-actions { right: 4px; width: auto; gap: 1px; justify-content: flex-end; } .option-justification-btn { width: auto; max-width: none; min-width: 0; height: 12px; padding: 0 2px; font-size: 5px; overflow: hidden; text-overflow: ellipsis; line-height: 1; } .auto-explanation { width: calc(100vw - 20px); max-height: 84vh; padding: 12px; } #btn-study-side { display: none !important; } #study-quiz-content #study-stats-section .stats-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } #study-inline-info-container .qcm-filter-row.triple { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } /* ===== Main selector refresh ===== */ #years-container .year-section { border-left: none !important; border-radius: 24px; padding: 0; margin-bottom: 12px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(241, 245, 249, 0.94) 100%); box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08); backdrop-filter: none; -webkit-backdrop-filter: none; border: 1px solid rgba(191, 219, 254, 0.58); overflow: hidden; } #years-container .year-section:hover { transform: none; box-shadow: 0 20px 38px rgba(15, 23, 42, 0.1); } #years-container .year-header, #years-container .module-header { border-bottom: none; margin-bottom: 0; padding-bottom: 0; background: transparent; } #years-container .year-header { gap: 10px; align-items: center; padding: 12px 16px; } #years-container .year-title, #years-container .module-name { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; color: #0f172a; gap: 0; letter-spacing: -0.12px; cursor: pointer; padding: 12px 14px; border-radius: 18px; background: linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(30, 41, 59, 0.94) 48%, rgba(30, 64, 175, 0.9) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 14px 28px rgba(15, 23, 42, 0.16); } #years-container .year-title, #years-container .module-name, #years-container .lesson-item { position: relative; } #years-container .year-title { margin-left: calc(var(--tree-header-frame-bleed) * -1); padding-left: calc(var(--tree-year-checkbox-left) + var(--tree-header-frame-bleed)) !important; } #years-container .module-name { margin-left: calc(var(--tree-header-frame-bleed) * -1); padding-left: calc(var(--tree-module-checkbox-left) + var(--tree-header-frame-bleed)) !important; } #years-container .year-title:hover, #years-container .module-name:hover { background: linear-gradient(135deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.98) 48%, rgba(37, 99, 235, 0.92) 100%); } #years-container .year-title i, #years-container .module-name i { width: 26px; height: 26px; border-radius: 10px; font-size: 11px; background: rgba(255, 255, 255, 0.12); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16); color: #dbeafe; margin: 0 !important; display: inline-flex; align-items: center; justify-content: center; } #years-container .year-title i, #years-container .module-name i { display: none !important; } #years-container .total-questions { background: rgba(15, 23, 42, 0.07); color: #0f172a; box-shadow: none; padding: 4px 9px; } #years-container .modules-container { gap: 10px; margin-top: 0; padding: 0 16px 16px; } #years-container .module-card { background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(226, 232, 240, 0.94) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7); padding: 0; border-radius: 20px; border: 1px solid rgba(203, 213, 225, 0.7); overflow: hidden; } #years-container .module-card:hover { transform: none; box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08); background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(226, 232, 240, 0.96) 100%); } #years-container .module-header { padding: 10px 16px; border-radius: 0; background: transparent; transition: background 0.2s ease, color 0.2s ease; } #years-container .module-card:has(.module-checkbox:checked) .module-name, #years-container .year-section:has(.year-checkbox:checked) .year-title { background: linear-gradient(135deg, rgba(5, 46, 22, 0.96) 0%, rgba(17, 94, 89, 0.94) 46%, rgba(30, 64, 175, 0.92) 100%); } #years-container .module-header-right { gap: 8px; } #years-container .lessons-grid { gap: 0; margin-top: 0; padding: 0 16px 4px; } #years-container .lesson-item { min-height: 0; padding: 3px 0 3px calc(var(--tree-lesson-checkbox-left) + var(--tree-checkbox-size) + var(--tree-label-gap)); border: none; border-radius: 0; background: transparent; box-shadow: none; gap: 8px; } #years-container .lesson-item:hover { transform: none; box-shadow: none; border-color: transparent; background: transparent; } #years-container .lesson-item:has(.lesson-checkbox:checked) { background: transparent; border-color: transparent; } #years-container .year-section:has(.year-checkbox:checked) { background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(239, 246, 255, 0.95) 100%); } #years-container .year-title span:first-of-type, #years-container .module-name span:first-of-type, #years-container .lesson-name { margin-right: 0; color: #eff6ff; line-height: 1.2; font-size: 12px !important; font-weight: 800; min-width: 0; } #years-container .count-badge, #years-container .lesson-question-count { display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.12) !important; color: #dbeafe; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12); padding: 4px 10px; margin-left: auto; min-width: auto; font-size: 10px; border-radius: 999px; font-weight: 900; border: 1px solid rgba(191, 219, 254, 0.2); } #years-container .year-checkbox, #years-container .module-checkbox, #years-container .lesson-checkbox { appearance: none; -webkit-appearance: none; width: var(--tree-checkbox-size) !important; height: var(--tree-checkbox-size) !important; min-width: var(--tree-checkbox-size) !important; min-height: var(--tree-checkbox-size) !important; margin-right: 0 !important; border: 1.5px solid transparent; border-radius: 999px; background-image: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%), linear-gradient(135deg, #0f172a 0%, #1d4ed8 52%, #2563eb 100%); background-origin: border-box; background-clip: padding-box, border-box; box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12); cursor: pointer; transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease; } #years-container .year-title .year-checkbox { position: static; transform: none; margin-right: var(--tree-label-gap) !important; flex: 0 0 auto; } #years-container .module-name .module-checkbox { position: static; transform: none; margin-right: var(--tree-label-gap) !important; flex: 0 0 auto; } #years-container .lesson-item .lesson-checkbox { position: absolute; top: 50%; transform: translateY(-50%); left: var(--tree-lesson-checkbox-left); } #years-container .year-checkbox:checked, #years-container .module-checkbox:checked, #years-container .lesson-checkbox:checked { background-image: linear-gradient(180deg, #0f766e 0%, #115e59 100%), linear-gradient(135deg, #0f172a 0%, #1d4ed8 52%, #2563eb 100%); box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12), 0 8px 16px rgba(15, 23, 42, 0.16); transform: scale(1.02); } #years-container .year-checkbox, #years-container .module-checkbox, #years-container .lesson-checkbox { display: inline-flex !important; } #years-container .year-stats, #years-container .module-header-right { display: flex; align-items: center; flex: 0 0 auto; } #years-container .toggle-content-btn { width: 34px; height: 34px; margin-left: 0; border-radius: 12px; color: #dbeafe; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(148, 163, 184, 0.22); background: linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(30, 41, 59, 0.94) 100%); box-shadow: 0 10px 20px rgba(15, 23, 42, 0.14); } #years-container .toggle-content-btn:hover { color: #ffffff; background: linear-gradient(135deg, rgba(30, 41, 59, 0.98) 0%, rgba(37, 99, 235, 0.92) 100%); } #years-container .q-count-input { width: 34px !important; padding: 2px 4px !important; border: none !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.92) !important; box-shadow: none !important; color: #334155; font-size: 10px !important; font-weight: 800; } /* ===== Filter dropdown readability ===== */ .setup-filters .ms-list { display: block !important; } .setup-filters .filter-group { overflow: visible !important; } .setup-filters .filter-group.filter-group-open { z-index: 1600 !important; } .setup-filters .ms-item { display: flex !important; align-items: center; width: 100%; min-width: 0; white-space: nowrap; } .setup-filters .ms-btn { min-height: 24px !important; height: 24px !important; padding: 0 7px !important; font-size: 7px !important; gap: 3px !important; border-radius: 8px !important; } .setup-filters .ms-btn span { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; word-break: keep-all; line-height: 1 !important; } .setup-filters .ms-btn i { font-size: 7px !important; } .setup-filters .ms-panel { padding: 4px !important; border-radius: 10px !important; z-index: 2600 !important; } .setup-filters .ms-panel.ms-floating-open { position: fixed !important; left: var(--ms-panel-left, 8px) !important; top: var(--ms-panel-top, 120px) !important; right: auto !important; bottom: auto !important; width: var(--ms-panel-width, calc(100vw - 16px)) !important; max-width: calc(100vw - 16px) !important; max-height: var(--ms-panel-max-height, min(52vh, 320px)) !important; z-index: 6200 !important; overflow-y: auto !important; overscroll-behavior: contain; } .setup-filters .ms-list { max-height: 210px !important; padding: 2px !important; } .setup-filters .filter-group label { font-size: 7px !important; letter-spacing: 0.12px !important; line-height: 1 !important; } .setup-filters .ms-item div { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.05; font-size: 8px !important; } .setup-filters .ms-item { min-height: 22px !important; padding: 4px 6px !important; gap: 5px !important; font-size: 8px !important; } .setup-filters .ms-item input[type="checkbox"] { width: 11px; height: 11px; } @media (max-width: 768px) { .setup-filters { grid-template-columns: 1fr !important; gap: 6px !important; padding: 8px !important; overflow: visible !important; } .setup-filters .filter-group { gap: 3px !important; padding: 6px 7px !important; } .setup-filters .filter-group.filter-group-open { z-index: 2400 !important; } .setup-filters .ms-panel { left: 8px !important; right: 8px !important; width: auto !important; max-width: none !important; max-height: min(42vh, 280px) !important; } .setup-filters .ms-btn { min-height: 24px !important; height: 24px !important; padding: 0 7px !important; font-size: 8px !important; border-radius: 9px !important; } .setup-filters .ms-list { padding: 2px !important; } .setup-filters .ms-item { gap: 5px; padding: 4px 6px !important; border-radius: 8px; font-size: 8px !important; } .setup-filters .ms-item div { font-size: 8px !important; } .setup-filters .ms-item input[type="checkbox"] { width: 11px; height: 11px; } /* QCM options: keep buttons aligned with text on mobile */ .opt-item-wrap { margin-bottom: 6px; } .opt-item-wrap .opt-btn { padding: 10px 58px 10px 10px !important; min-height: 44px !important; align-items: flex-start; gap: 8px; --option-actions-space: 58px !important; } .opt-id { min-width: 24px !important; height: 24px !important; font-size: 10px !important; border-radius: 8px !important; } .opt-text { font-size: 12px !important; line-height: 1.35 !important; } .opt-inline-actions { top: 50% !important; right: 8px !important; transform: translateY(-50%) !important; gap: 2px !important; align-items: center; } .option-justification-btn { height: 18px !important; min-height: 18px !important; min-width: 18px !important; padding: 0 6px !important; font-size: 7px !important; line-height: 1 !important; border-radius: 999px !important; border-color: rgba(59, 130, 246, 0.14) !important; background: #f8fbff !important; color: #3156b7 !important; box-shadow: none !important; } .opt-delete-btn { width: auto !important; min-width: 18px !important; height: 18px !important; min-height: 18px !important; padding: 0 6px !important; font-size: 7px !important; font-weight: 900 !important; border-radius: 999px !important; border-color: rgba(148, 163, 184, 0.18) !important; background: #ffffff !important; color: #334155 !important; box-shadow: none !important; } .justification-bubble { margin-left: 18px !important; padding: 8px 10px !important; font-size: 11px !important; } /* Prevent QCM and options from sliding under upper controls on phone */ #setup-section.test-workspace-active { padding-top: 10px !important; } #quiz-top-unified-card { position: static !important; top: auto !important; } #quiz-panel.test-workspace #question-card-wrapper { position: static !important; top: auto !important; max-height: none !important; overflow: visible !important; padding-bottom: 24px !important; } #quiz-panel.test-workspace #question-card { display: block !important; max-height: none !important; overflow: visible !important; } #quiz-panel.test-workspace #question-card .question-card-head { margin-bottom: 10px !important; padding-bottom: 0 !important; border-bottom: none !important; background: transparent !important; } #quiz-panel.test-workspace #question-card .question-card-body { overflow: visible !important; max-height: none !important; padding-right: 0 !important; padding-bottom: 28px !important; } #quiz-panel.test-workspace #options-container, #study-quiz-content #options-container-study { padding-bottom: 12px !important; } #quiz-panel.test-workspace #options-container::after, #study-quiz-content #options-container-study::after { height: 96px !important; } /* Phone: filters and stats above QCM stay compact and readable */ #quiz-panel.test-workspace #question-filters-bar { display: grid !important; grid-template-columns: 1fr !important; gap: 4px !important; } #quiz-panel.test-workspace .qcm-filter-row.single-line { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 4px !important; width: 100%; } #quiz-panel.test-workspace .qcm-filter-row.single-line .filter-badge.filter-large { grid-column: span 3 !important; } #quiz-panel.test-workspace .qcm-filter-row.single-line .filter-badge.filter-small { grid-column: span 2 !important; } #quiz-panel.test-workspace #question-stats .question-stats-compact-row { display: block !important; } #quiz-panel.test-workspace #question-stats .question-stats-main-frame { display: grid !important; grid-template-columns: 1fr !important; gap: 4px !important; width: 100% !important; } #quiz-panel.test-workspace #question-stats .question-stats-pills { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 4px !important; width: 100%; white-space: normal !important; } #quiz-panel.test-workspace #question-stats .question-stats-side-pills { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 4px !important; width: 100% !important; margin-top: 4px !important; white-space: normal !important; } #quiz-panel.test-workspace #question-stats .question-stats-pill { width: 100%; min-width: 0; justify-content: center !important; } #quiz-panel.test-workspace #question-stats .question-stats-side-pills .question-stats-rating-group { width: 100% !important; justify-content: center !important; } #quiz-panel.test-workspace #question-stats .question-stats-days { display: flex !important; grid-template-columns: none !important; width: 100%; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; gap: 4px !important; margin-top: 4px !important; padding-bottom: 2px !important; } #quiz-panel.test-workspace #question-stats .question-day-chip { flex: 0 0 auto !important; } #quiz-panel.test-workspace #question-stats .question-day-chip.empty { min-width: 100% !important; justify-content: center !important; } /* Phone: main action buttons in two rows */ #quiz-panel.test-workspace #btn-study-main { display: flex !important; } #quiz-panel.test-workspace #qcm-control-bar { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 6px !important; overflow: visible !important; padding-bottom: 0 !important; scrollbar-width: none; } #quiz-panel.test-workspace #qcm-control-bar::-webkit-scrollbar { display: none; } #quiz-panel.test-workspace #qcm-control-main-row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 7px !important; width: 100%; margin: 0 !important; padding: 0 !important; border: none !important; } #quiz-panel.test-workspace #qcm-control-extra-row { display: flex !important; align-items: stretch !important; gap: 6px !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; border: none !important; } #quiz-panel.test-workspace #qcm-control-main-row > button, #quiz-panel.test-workspace #qcm-main-translate-host, #quiz-panel.test-workspace #qcm-main-translate-host .large-translate-btn { width: 100% !important; min-width: 0 !important; flex: none !important; max-width: 100% !important; box-sizing: border-box !important; } #quiz-panel.test-workspace #qcm-control-main-row > button, #quiz-panel.test-workspace #qcm-main-translate-host { margin: 0 !important; } #quiz-panel.test-workspace #qcm-control-main-row > button, #quiz-panel.test-workspace #qcm-main-translate-host .large-translate-btn { min-height: 22px !important; padding: 3px 4px !important; border-radius: 9px !important; font-size: 7px !important; line-height: 1.1 !important; justify-content: center !important; } #quiz-panel.test-workspace #qcm-control-main-row #btn-end-main { margin-left: 0 !important; } #quiz-panel.test-workspace #qcm-main-translate-host { width: 100% !important; padding-right: 0 !important; justify-self: stretch !important; } #quiz-panel.test-workspace #qcm-main-translate-host .translate-dropdown { display: block !important; width: 100%; max-width: 100%; box-sizing: border-box !important; } #quiz-panel.test-workspace #qcm-main-translate-host .large-translate-btn { padding-left: 3px !important; padding-right: 3px !important; } #quiz-panel.test-workspace #qcm-main-translate-host #current-language { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #quiz-panel.test-workspace #qcm-control-extra-row > div:not([style*="width:1px"]) { grid-column: auto !important; flex: 0 0 auto !important; min-height: 28px; padding: 0 8px !important; border-radius: 11px !important; border: 1px solid #dbe2ea !important; background: #ffffff !important; box-shadow: 0 6px 16px rgba(148, 163, 184, 0.08) !important; gap: 5px !important; } #quiz-panel.test-workspace #qcm-control-extra-row > div:not([style*="width:1px"]) span:first-child { font-size: 8px !important; font-weight: 900 !important; color: #475569 !important; } #quiz-panel.test-workspace .large-star { font-size: 10px !important; line-height: 1; } /* Main lesson/material selector: lighter and tighter on phone */ #years-container { --tree-checkbox-size: 16px; --tree-header-frame-bleed: 8px; --tree-year-checkbox-left: 4px; --tree-module-checkbox-left: calc(4px + 4mm); --tree-lesson-checkbox-left: calc(4px + 8mm); } #years-container .year-section { border-radius: 0; padding: 0; margin: 0 !important; box-shadow: none; min-height: 0 !important; } #years-container .module-card { margin: 0 !important; padding: 0 !important; border-radius: 0 !important; min-height: 0 !important; } #years-container .year-header, #years-container .module-header { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 2px !important; width: 100%; margin: 0 !important; padding: 0 !important; min-height: 0 !important; border: none !important; } #years-container .year-stats, #years-container .module-header-right { width: auto !important; justify-content: flex-end !important; align-self: center !important; flex: 0 0 auto !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } #years-container .year-title, #years-container .module-name { font-size: 10.5px !important; padding: 2px 4px !important; border-radius: 8px; flex: 1 1 auto !important; min-width: 0; min-height: 0 !important; gap: 0 !important; margin: 0 !important; line-height: 1.05 !important; } #years-container .year-title { margin-left: calc(var(--tree-header-frame-bleed) * -1); padding-left: calc(var(--tree-year-checkbox-left) + var(--tree-header-frame-bleed)) !important; } #years-container .module-name { margin-left: calc(var(--tree-header-frame-bleed) * -1); padding-left: calc(var(--tree-module-checkbox-left) + var(--tree-header-frame-bleed)) !important; } #years-container .year-title i, #years-container .module-name i { font-size: 8px; } #years-container .module-header { padding: 0; border-radius: 0; } #years-container .lesson-item { margin: 0 !important; padding: 2px 4px 2px calc(var(--tree-lesson-checkbox-left) + var(--tree-checkbox-size) + var(--tree-label-gap)) !important; border-radius: 8px; gap: 4px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center !important; justify-content: initial !important; min-height: 0 !important; } #years-container .count-badge { margin-left: auto !important; white-space: nowrap !important; padding: 0 !important; } #years-container .modules-container, #years-container .lessons-grid { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; gap: 0 !important; row-gap: 0 !important; } #years-container .lesson-name { font-size: 10px !important; line-height: 1.02 !important; margin-left: 0 !important; margin-right: 0 !important; min-width: 0 !important; width: 100% !important; max-width: none !important; display: block !important; justify-self: stretch !important; white-space: normal !important; overflow-wrap: anywhere; word-break: break-word; } #years-container .lesson-question-count { font-size: 7.5px; margin-left: 0 !important; align-self: center; justify-self: end; flex-shrink: 0; } #years-container .year-checkbox, #years-container .module-checkbox, #years-container .lesson-checkbox { width: var(--tree-checkbox-size) !important; height: var(--tree-checkbox-size) !important; min-width: var(--tree-checkbox-size) !important; min-height: var(--tree-checkbox-size) !important; margin-right: 0 !important; align-self: center; } #years-container .year-title .year-checkbox { position: static; transform: none; margin-right: var(--tree-label-gap) !important; flex: 0 0 auto; } #years-container .module-name .module-checkbox { position: static; transform: none; margin-right: var(--tree-label-gap) !important; flex: 0 0 auto; } #years-container .lesson-item .lesson-checkbox { position: absolute; top: 50%; transform: translateY(-50%); left: var(--tree-lesson-checkbox-left); } #years-container .toggle-content-btn { width: 18px; height: 18px; min-height: 18px !important; } #years-container .q-count-input { display: none !important; } } @media (min-width: 769px) { #setup-section.test-workspace-active { overflow-y: auto !important; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: rgba(71, 85, 105, 0.98) rgba(15, 23, 42, 0.96); } #setup-section.test-workspace-active::-webkit-scrollbar { width: 4px; } #setup-section.test-workspace-active::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.96); border-radius: 999px; } #setup-section.test-workspace-active::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(71, 85, 105, 0.98) 0%, rgba(51, 65, 85, 0.96) 100%); border-radius: 999px; border: 1px solid rgba(15, 23, 42, 0.96); } #setup-section.test-workspace-active::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(100, 116, 139, 0.98) 0%, rgba(71, 85, 105, 0.96) 100%); } #quiz-panel.test-workspace { height: 100% !important; min-height: 0 !important; align-items: stretch; } #quiz-panel.test-workspace #quiz-main-column { min-height: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; overflow-x: hidden !important; padding-right: 0; padding-bottom: 22px; } #quiz-panel.test-workspace #quiz-main-column::-webkit-scrollbar { width: 0; } #quiz-panel.test-workspace #quiz-main-column::-webkit-scrollbar-track { background: transparent; } #quiz-panel.test-workspace #quiz-main-column::-webkit-scrollbar-thumb { background: transparent; border: none; } #quiz-top-unified-card { position: relative; top: auto; z-index: 1; } #quiz-panel.test-workspace #qcm-control-bar { display: flex !important; flex-direction: row !important; align-items: flex-end !important; gap: 8px !important; } #quiz-panel.test-workspace #qcm-control-main-row { display: flex !important; align-items: flex-end !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; border: none !important; } #quiz-panel.test-workspace #qcm-control-extra-row { align-self: flex-end !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; min-height: 32px !important; height: 32px !important; padding: 0 10px !important; border: 1.5px solid #e2e8f0 !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 2px 8px rgba(148, 163, 184, 0.08) !important; } #quiz-panel.test-workspace #qcm-control-main-row > button, #quiz-panel.test-workspace #qcm-main-translate-host .large-translate-btn { min-height: 32px !important; height: 32px !important; padding: 0 11px !important; border-radius: 16px !important; } #quiz-panel.test-workspace #qcm-main-translate-host { display: flex !important; align-items: flex-end !important; } #quiz-panel.test-workspace #qcm-control-extra-row > div:not([style*="width:1px"]) { display: flex !important; align-items: center !important; min-height: 100% !important; margin-bottom: 0 !important; } #quiz-panel.test-workspace #qcm-control-extra-row #rating-quality, #quiz-panel.test-workspace #qcm-control-extra-row #rating-difficulty { display: flex !important; align-items: center !important; } #quiz-panel.test-workspace #qcm-control-extra-row > div:not([style*="width:1px"]) span:first-child { font-size: 10px !important; line-height: 1 !important; } #quiz-panel.test-workspace #qcm-control-extra-row .large-star { font-size: 12px !important; line-height: 1 !important; } #quiz-panel.test-workspace #question-card-wrapper { position: relative; top: auto; z-index: 1; max-height: none !important; overflow: visible !important; padding-right: 0; padding-bottom: 18px; scroll-padding-bottom: 24px; } #quiz-panel.test-workspace #question-card { display: block; min-height: 0; max-height: none !important; overflow: visible !important; } #quiz-panel.test-workspace #question-card .question-card-body { overflow: visible !important; max-height: none !important; min-height: auto; padding-right: 0; padding-bottom: 18px; } #quiz-panel.test-workspace #options-container::after, #study-quiz-content #options-container-study::after { height: 72px; } } #quiz-panel.test-workspace #question-card .question-card-body { padding-top: 3px !important; padding-bottom: 14px !important; } #quiz-panel.test-workspace #options-container, #study-quiz-content #options-container-study { margin-top: 4px !important; margin-bottom: 0 !important; padding-bottom: 2px !important; } #quiz-panel.test-workspace #options-container::after, #study-quiz-content #options-container-study::after { height: 8px !important; } #quiz-panel.test-workspace .question-actions-after-options { gap: 4px !important; margin: 6px 0 20px !important; padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); } .ms-panel.ms-floating-open { position: fixed !important; left: var(--ms-panel-left, 8px) !important; top: var(--ms-panel-top, 120px) !important; right: auto !important; bottom: auto !important; width: var(--ms-panel-width, calc(100vw - 16px)) !important; max-width: calc(100vw - 16px) !important; max-height: var(--ms-panel-max-height, min(52vh, 320px)) !important; z-index: 6200 !important; overflow-y: auto !important; overscroll-behavior: contain; } @media (max-width: 768px) { #quiz-panel.test-workspace #qcm-control-bar { flex-direction: column !important; flex-wrap: wrap !important; align-items: stretch !important; } #quiz-panel.test-workspace #qcm-control-main-row { order: 1; width: 100% !important; } #quiz-panel.test-workspace #qcm-control-extra-row { order: 2; width: 100% !important; flex: 1 0 100% !important; align-self: stretch !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 8px !important; min-height: 0 !important; height: auto !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; margin-top: 4px !important; } #quiz-panel.test-workspace #qcm-control-extra-row > div[style*="width:1px"] { display: none !important; } #quiz-panel.test-workspace #qcm-control-extra-row > div:not([style*="width:1px"]) { display: flex !important; align-items: center !important; flex: 1 1 auto !important; min-width: 0 !important; width: 100% !important; justify-content: flex-start !important; min-height: 34px !important; height: 34px !important; padding: 0 10px !important; border: 1.5px solid #e2e8f0 !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 2px 8px rgba(148, 163, 184, 0.08) !important; box-sizing: border-box !important; overflow: visible !important; } #quiz-panel.test-workspace #qcm-control-extra-row > div:not([style*="width:1px"]) span:first-child { flex: 0 0 auto !important; min-width: 12px !important; margin-right: 1px !important; } #quiz-panel.test-workspace #qcm-control-extra-row #rating-quality, #quiz-panel.test-workspace #qcm-control-extra-row #rating-difficulty { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex: 1 1 auto !important; min-width: 0 !important; gap: 1px !important; margin-left: 0 !important; } #quiz-panel.test-workspace #qcm-control-extra-row .large-star { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 12px !important; min-width: 12px !important; margin: 0 !important; font-size: 12px !important; line-height: 1 !important; transform: translateX(0) !important; } #quiz-panel.test-workspace #qcm-control-extra-row #rating-quality .large-star:first-child, #quiz-panel.test-workspace #qcm-control-extra-row #rating-difficulty .large-star:first-child { margin-left: 0 !important; } } .translate-options.translate-options-floating { position: fixed !important; top: var(--translate-menu-top, 72px) !important; left: var(--translate-menu-left, 8px) !important; right: auto !important; bottom: auto !important; width: var(--translate-menu-width, min(172px, calc(100vw - 16px))) !important; min-width: 152px !important; max-height: var(--translate-menu-max-height, min(240px, calc(100vh - 16px))) !important; z-index: 30000 !important; margin: 0 !important; transform: none !important; overflow-y: auto !important; overscroll-behavior: contain; } @media (max-width: 768px) { #quiz-panel.test-workspace #question-card-wrapper { padding-bottom: 28px !important; scroll-padding-bottom: 34px !important; } #quiz-panel.test-workspace #question-card .question-card-body { padding-bottom: 22px !important; } #quiz-panel.test-workspace .question-actions-after-options { margin: 8px 0 26px !important; padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important; } #quiz-panel.test-workspace #qcm-control-bar { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 6px !important; align-items: stretch !important; overflow: visible !important; } #quiz-panel.test-workspace #qcm-control-main-row, #quiz-panel.test-workspace #qcm-control-extra-row { display: contents !important; } #quiz-panel.test-workspace #qcm-control-main-row > button, #quiz-panel.test-workspace #qcm-main-translate-host, #quiz-panel.test-workspace #quality-rating-shell, #quiz-panel.test-workspace #difficulty-rating-shell { width: 100% !important; min-width: 0 !important; } #quiz-panel.test-workspace #btn-prev-main { grid-column: 1; grid-row: 1; } #quiz-panel.test-workspace #btn-next-main { grid-column: 2; grid-row: 1; } #quiz-panel.test-workspace #qcm-main-translate-host { grid-column: 4; grid-row: 1; min-width: 0 !important; flex: none !important; display: block !important; } #quiz-panel.test-workspace #btn-explain-main { grid-column: 5; grid-row: 1; } #quiz-panel.test-workspace #btn-end-main { grid-column: 6; grid-row: 1; } #quiz-panel.test-workspace #btn-study-main { display: none !important; } #quiz-panel.test-workspace #quality-rating-shell { grid-column: 1 / span 3; grid-row: 2; } #quiz-panel.test-workspace #difficulty-rating-shell { grid-column: 4 / span 3; grid-row: 2; } #quiz-panel.test-workspace #qcm-control-main-row > button, #quiz-panel.test-workspace #qcm-main-translate-host .large-translate-btn { justify-content: center !important; min-height: 28px !important; height: 28px !important; padding: 0 6px !important; border-radius: 14px !important; font-size: 8.5px !important; line-height: 1 !important; gap: 2px !important; letter-spacing: -0.01em !important; } #quiz-panel.test-workspace #qcm-main-translate-host .translate-dropdown { display: block !important; width: 100%; max-width: 100%; } #quiz-panel.test-workspace #qcm-main-translate-host .large-translate-btn { width: 100% !important; } #quiz-panel.test-workspace #qcm-control-main-row > button i, #quiz-panel.test-workspace #qcm-main-translate-host .large-translate-btn i { display: none !important; } #quiz-panel.test-workspace #qcm-control-extra-row > div[style*="width:1px"] { display: none !important; } #quiz-panel.test-workspace #quality-rating-shell, #quiz-panel.test-workspace #difficulty-rating-shell { display: flex !important; align-items: center !important; justify-content: flex-start !important; min-height: 30px !important; height: 30px !important; padding: 0 10px !important; border: 1.5px solid #e2e8f0 !important; border-radius: 15px !important; background: #ffffff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 2px 8px rgba(148, 163, 184, 0.08) !important; box-sizing: border-box !important; overflow: visible !important; gap: 4px !important; } #quiz-panel.test-workspace #quality-rating-shell > span, #quiz-panel.test-workspace #difficulty-rating-shell > span { font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; } #quiz-panel.test-workspace #rating-quality, #quiz-panel.test-workspace #rating-difficulty { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex: 1 1 auto !important; min-width: 0 !important; gap: 1px !important; } #quiz-panel.test-workspace #rating-quality .large-star, #quiz-panel.test-workspace #rating-difficulty .large-star { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 12px !important; min-width: 12px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 1 !important; color: #cbd5e1 !important; background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; border-radius: 0 !important; position: static !important; top: auto !important; left: auto !important; vertical-align: middle !important; transform: none !important; rotate: 0deg !important; translate: none !important; -webkit-tap-highlight-color: transparent; } #quiz-panel.test-workspace #rating-quality .large-star:first-child, #quiz-panel.test-workspace #rating-difficulty .large-star:first-child { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 12px !important; min-width: 12px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; color: #cbd5e1 !important; background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; border-radius: 0 !important; position: static !important; top: auto !important; left: auto !important; vertical-align: middle !important; transform: none !important; rotate: 0deg !important; translate: none !important; } #quiz-panel.test-workspace #rating-quality .large-star.active, #quiz-panel.test-workspace #rating-difficulty .large-star.active, #quiz-panel.test-workspace #rating-quality .large-star:active, #quiz-panel.test-workspace #rating-difficulty .large-star:active { color: #fbbf24 !important; background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; border-radius: 0 !important; } #quiz-panel.test-workspace #question-stats { padding: 4px !important; border-radius: 11px !important; } #quiz-panel.test-workspace #question-stats .question-stats-compact-row { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 4px !important; } #quiz-panel.test-workspace #question-stats .question-stats-main-frame { display: grid !important; grid-template-columns: 1fr !important; gap: 4px !important; width: 100% !important; } #quiz-panel.test-workspace #question-stats .question-stats-pills { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 4px !important; width: 100% !important; } #quiz-panel.test-workspace #question-stats .question-stats-side-pills { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 4px !important; width: 100% !important; } #quiz-panel.test-workspace #question-stats .question-stats-pill { min-width: 0 !important; min-height: 16px !important; padding: 2px 4px !important; font-size: 6.3px !important; justify-content: center !important; text-align: center !important; border-radius: 999px !important; } #quiz-panel.test-workspace #question-stats .question-stats-days { display: flex !important; flex-wrap: nowrap !important; gap: 4px !important; width: 100% !important; overflow-x: auto !important; } #quiz-panel.test-workspace #quiz-top-row { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; } #quiz-panel.test-workspace #quiz-timers-row { width: 100% !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 4px !important; align-items: stretch !important; } #quiz-panel.test-workspace #quiz-timers-row .mini-timer-pill, #quiz-panel.test-workspace #quiz-timers-row #quality-rating-shell, #quiz-panel.test-workspace #quiz-timers-row #difficulty-rating-shell { width: 100% !important; min-width: 0 !important; min-height: 30px !important; height: 30px !important; padding: 0 7px !important; border-radius: 14px !important; box-sizing: border-box !important; } #quiz-panel.test-workspace #quiz-timers-row .mini-timer-pill { justify-content: space-between !important; gap: 4px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 2px 7px rgba(148,163,184,0.10) !important; } #quiz-panel.test-workspace #quiz-timers-row .mini-timer-pill i { font-size: 8px !important; } #quiz-panel.test-workspace #quiz-timers-row .mini-timer-pill span:first-of-type { font-size: 6px !important; letter-spacing: 0.04em !important; } #quiz-panel.test-workspace #question-total-timer, #quiz-panel.test-workspace #question-q-timer { font-size: 8.5px !important; letter-spacing: 0.02em !important; } #quiz-panel.test-workspace #qcm-control-extra-row { display: none !important; } #quiz-panel.test-workspace #quiz-timers-row #quality-rating-shell, #quiz-panel.test-workspace #quiz-timers-row #difficulty-rating-shell { grid-column: auto !important; grid-row: auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 3px !important; border: 1.5px solid #dbe7f3 !important; background: linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 2px 8px rgba(148,163,184,0.08) !important; overflow: hidden !important; } #quiz-panel.test-workspace #quiz-timers-row #quality-rating-shell > span, #quiz-panel.test-workspace #quiz-timers-row #difficulty-rating-shell > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 14px !important; height: 14px !important; border-radius: 999px !important; background: #eef2ff !important; color: #475569 !important; font-size: 7px !important; font-weight: 900 !important; line-height: 1 !important; flex: 0 0 auto !important; } #quiz-panel.test-workspace #quiz-timers-row #rating-quality, #quiz-panel.test-workspace #quiz-timers-row #rating-difficulty { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; align-items: center !important; justify-content: end !important; gap: 1px !important; flex: 1 1 auto !important; min-width: 0 !important; max-width: min(100%, 54px) !important; overflow: hidden !important; } #quiz-panel.test-workspace #quiz-timers-row #rating-quality .large-star, #quiz-panel.test-workspace #quiz-timers-row #rating-difficulty .large-star { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: auto !important; aspect-ratio: 1 / 1 !important; margin: 0 !important; padding: 0 !important; border-radius: 999px !important; border: 1px solid #e2e8f0 !important; background: #f8fafc !important; color: #cbd5e1 !important; font-size: 7.25px !important; line-height: 1 !important; box-shadow: none !important; transform: none !important; overflow: hidden !important; } #quiz-panel.test-workspace #quiz-timers-row #rating-quality .large-star.active, #quiz-panel.test-workspace #quiz-timers-row #rating-difficulty .large-star.active, #quiz-panel.test-workspace #quiz-timers-row #rating-quality .large-star:active, #quiz-panel.test-workspace #quiz-timers-row #rating-difficulty .large-star:active { background: #fffbeb !important; border-color: #fcd34d !important; color: #f59e0b !important; } #sidebar-nav { left: 12px !important; right: 12px !important; } #sidebar-nav.test-workspace-sidebar #nav-items-container { padding: 12px 10px 14px !important; } #sidebar-nav.test-workspace-sidebar #nav-items-container button { margin-inline: 2px !important; align-items: flex-start !important; gap: 8px !important; } #sidebar-nav.test-workspace-sidebar #nav-items-container button span:first-child { white-space: normal !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.2 !important; } #sidebar-nav.test-workspace-sidebar #nav-items-container button span:last-child { margin-top: 1px !important; } } @media (max-width: 390px) { #quiz-panel.test-workspace #quiz-timers-row { gap: 3px !important; } #quiz-panel.test-workspace #quiz-timers-row .mini-timer-pill, #quiz-panel.test-workspace #quiz-timers-row #quality-rating-shell, #quiz-panel.test-workspace #quiz-timers-row #difficulty-rating-shell { min-height: 28px !important; height: 28px !important; padding: 0 5px !important; border-radius: 12px !important; } #quiz-panel.test-workspace #quiz-timers-row #quality-rating-shell > span, #quiz-panel.test-workspace #quiz-timers-row #difficulty-rating-shell > span { min-width: 12px !important; height: 12px !important; font-size: 6px !important; } #quiz-panel.test-workspace #quiz-timers-row #rating-quality, #quiz-panel.test-workspace #quiz-timers-row #rating-difficulty { max-width: min(100%, 46px) !important; } #quiz-panel.test-workspace #quiz-timers-row #rating-quality .large-star, #quiz-panel.test-workspace #quiz-timers-row #rating-difficulty .large-star { font-size: 6.2px !important; } } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar { border: 1px solid rgba(226, 232, 240, 0.96) !important; background: #ffffff !important; box-shadow: 0 14px 32px rgba(148, 163, 184, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; scrollbar-color: rgba(148, 163, 184, 0.92) rgba(248, 250, 252, 0.98); } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container { background: #ffffff !important; scrollbar-color: rgba(148, 163, 184, 0.92) rgba(248, 250, 252, 0.98); } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar::-webkit-scrollbar-track, body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container::-webkit-scrollbar-track { background: rgba(248, 250, 252, 0.98); } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar::-webkit-scrollbar-thumb, body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(203, 213, 225, 0.98) 0%, rgba(148, 163, 184, 0.96) 100%); } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar::-webkit-scrollbar-thumb:hover, body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(148, 163, 184, 0.98) 0%, rgba(100, 116, 139, 0.96) 100%); } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn, body:not(.dark-theme) #workspace-nav-items-container .nav-instruction-btn { border: 1px solid rgba(226, 232, 240, 0.96) !important; background: #ffffff !important; color: #0f172a !important; box-shadow: 0 8px 18px rgba(148, 163, 184, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; backdrop-filter: none; } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn:hover, body:not(.dark-theme) #workspace-nav-items-container .nav-instruction-btn:hover { background: #f8fafc !important; border-color: rgba(148, 163, 184, 0.82) !important; } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-time, body:not(.dark-theme) #workspace-nav-items-container .nav-instruction-time { color: #64748b !important; } body:not(.dark-theme) #quiz-panel.test-workspace { background: linear-gradient(180deg, rgba(255, 236, 239, 0.98) 0%, rgba(255, 228, 230, 0.96) 100%) !important; border: 1px solid rgba(251, 146, 172, 0.24) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important; } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-current, body:not(.dark-theme) #workspace-nav-items-container .nav-instruction-btn.is-current { background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%) !important; border-color: rgba(96, 165, 250, 0.82) !important; color: #1e3a8a !important; box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.18), 0 10px 20px rgba(59, 130, 246, 0.12) !important; } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-correct, body:not(.dark-theme) #workspace-nav-items-container .nav-instruction-btn.is-correct { background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%) !important; border-color: rgba(34, 197, 94, 0.48) !important; color: #14532d !important; } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-wrong, body:not(.dark-theme) #workspace-nav-items-container .nav-instruction-btn.is-wrong { background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important; border-color: rgba(248, 113, 113, 0.5) !important; color: #1f2937 !important; } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-overdue, body:not(.dark-theme) #workspace-nav-items-container .nav-instruction-btn.is-overdue { background: linear-gradient(135deg, #fef3c7 0%, #fbbf24 100%) !important; border-color: rgba(245, 158, 11, 0.62) !important; color: #78350f !important; box-shadow: 0 10px 24px rgba(245, 158, 11, 0.18) !important; } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-overdue .nav-instruction-time, body:not(.dark-theme) #workspace-nav-items-container .nav-instruction-btn.is-overdue .nav-instruction-time { color: #92400e !important; } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn .nav-instruction-meta > span:last-child, body:not(.dark-theme) #workspace-nav-items-container .nav-instruction-btn .nav-instruction-meta > span:last-child { background: #f8fafc !important; color: #475569 !important; } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-current .nav-instruction-meta > span:last-child, body:not(.dark-theme) #workspace-nav-items-container .nav-instruction-btn.is-current .nav-instruction-meta > span:last-child { background: rgba(255, 255, 255, 0.9) !important; color: #1d4ed8 !important; } body:not(.dark-theme) #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-overdue .nav-instruction-meta > span:last-child, body:not(.dark-theme) #workspace-nav-items-container .nav-instruction-btn.is-overdue .nav-instruction-meta > span:last-child { background: rgba(255, 251, 235, 0.96) !important; color: #92400e !important; } @media (min-width: 769px) { body:not(.dark-theme).qcm-workspace-active { --workspace-topbar-ghost-text: #1f2937; --workspace-topbar-ghost-muted: #475569; --workspace-topbar-ghost-border: rgba(148, 163, 184, 0.36); --workspace-topbar-ghost-fill-hover: rgba(226, 232, 240, 0.58); --workspace-topbar-ghost-fill-active: rgba(203, 213, 225, 0.58); } body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input { color: #1f2937 !important; caret-color: #334155 !important; } body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder { color: rgba(51, 65, 85, 0.66) !important; } body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { border-color: rgba(147, 197, 253, 0.82) !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(239, 246, 255, 0.9) 100%) !important; box-shadow: 0 10px 24px rgba(59, 130, 246, 0.08) !important; scrollbar-color: rgba(255, 255, 255, 0.98) rgba(255, 255, 255, 0.98); } body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.98) !important; } body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.98) !important; } body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .mini-timer-pill, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 .filter-badge, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row > button, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host .large-translate-btn, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 .inline-ai-btn, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 .inline-verify-btn, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 .inline-todo-btn, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 .inline-next-btn { background: rgba(255, 255, 255, 0.72) !important; border: 1px solid rgba(148, 163, 184, 0.26) !important; color: #1f2937 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 4px 12px rgba(148, 163, 184, 0.08) !important; backdrop-filter: blur(8px); } body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row > button i, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host .large-translate-btn i, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 .inline-ai-btn i, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 .inline-verify-btn i, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 .inline-todo-btn i, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-3 .inline-next-btn i, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 .filter-badge i, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 .filter-badge-label, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .mini-timer-pill i, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .mini-timer-pill span { color: #1f2937 !important; } body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star { color: rgba(100, 116, 139, 0.48) !important; } body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star.active, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star.active, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star:hover, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star:hover, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star:active, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star:active { color: #d4a21a !important; } } body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar, body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #quiz-info-column, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card #options-container, body.dark-theme.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { background: linear-gradient(180deg, #0f172a 0%, #111827 100%) !important; border-color: rgba(71, 85, 105, 0.72) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 16px 30px rgba(2, 6, 23, 0.24) !important; color: #e5eefc !important; } body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar, body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container, body.dark-theme.qcm-workspace-active #setup-section.test-workspace-active, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, body.dark-theme.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { scrollbar-color: rgba(71, 85, 105, 0.96) rgba(15, 23, 42, 0.96) !important; } body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar::-webkit-scrollbar-track, body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container::-webkit-scrollbar-track, body.dark-theme.qcm-workspace-active #setup-section.test-workspace-active::-webkit-scrollbar-track, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper::-webkit-scrollbar-track, body.dark-theme.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.96) !important; border-radius: 999px; } body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar::-webkit-scrollbar-thumb, body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container::-webkit-scrollbar-thumb, body.dark-theme.qcm-workspace-active #setup-section.test-workspace-active::-webkit-scrollbar-thumb, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper::-webkit-scrollbar-thumb, body.dark-theme.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(71, 85, 105, 0.98) 0%, rgba(51, 65, 85, 0.98) 100%) !important; border-radius: 999px; } body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar::-webkit-scrollbar-thumb:hover, body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container::-webkit-scrollbar-thumb:hover, body.dark-theme.qcm-workspace-active #setup-section.test-workspace-active::-webkit-scrollbar-thumb:hover, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper::-webkit-scrollbar-thumb:hover, body.dark-theme.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(100, 116, 139, 0.98) 0%, rgba(71, 85, 105, 0.98) 100%) !important; } body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn, body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn { background: rgba(15, 23, 42, 0.78) !important; border-color: rgba(71, 85, 105, 0.52) !important; color: #dbe7f5 !important; } body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn:hover, body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn:hover { background: rgba(30, 41, 59, 0.92) !important; border-color: rgba(96, 165, 250, 0.34) !important; } body.qcm-workspace-active #quiz-panel.test-workspace { gap: 8px !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } body.qcm-workspace-active #quiz-panel.test-workspace #quiz-info-column, body.qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column, body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar, body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container, body.qcm-workspace-active #quiz-top-unified-card, body.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, body.qcm-workspace-active #quiz-panel.test-workspace #question-card, body.qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body { background: transparent !important; background-image: none !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar { position: sticky; top: 0 !important; height: calc(100vh - var(--app-top-banner-height, 0px)) !important; height: calc(100dvh - var(--app-top-banner-height, 0px)) !important; min-height: calc(100vh - var(--app-top-banner-height, 0px)) !important; min-height: calc(100dvh - var(--app-top-banner-height, 0px)) !important; max-height: calc(100vh - var(--app-top-banner-height, 0px)) !important; max-height: calc(100dvh - var(--app-top-banner-height, 0px)) !important; overflow: hidden !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container { padding: 0 !important; } body.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper { padding: 0 !important; } body.qcm-workspace-active #quiz-top-unified-card { padding: 0 !important; } body.qcm-workspace-active #quiz-top-unified-card > * + * { border-top: none !important; padding-top: 4px !important; margin-top: 4px !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn, body.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn { border-left: 3px solid transparent !important; border-right: none !important; border-top: none !important; border-bottom: none !important; border-radius: 0 !important; box-shadow: none !important; padding-left: 10px !important; padding-right: 8px !important; background: transparent !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn:hover, body.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn:hover { transform: none !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-current, body.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-current { border-left-color: #3b82f6 !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-correct, body.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-correct { border-left-color: #22c55e !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-wrong, body.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-wrong { border-left-color: #ef4444 !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-overdue, body.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-overdue { border-left-color: #f59e0b !important; } body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn, body:not(.dark-theme).qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn, body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #question-card, body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body { color: #0f172a !important; } body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn, body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body { color: #e5eefc !important; } body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #quiz-info-column, body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column { background: #ffffff !important; } body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar, body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container, body:not(.dark-theme).qcm-workspace-active #quiz-top-unified-card, body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #question-card, body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body { background: #ffffff !important; background-image: none !important; } body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #quiz-info-column, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column { background: #0f172a !important; } body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar, body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container, body.dark-theme.qcm-workspace-active #quiz-top-unified-card, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card, body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body { background: #0f172a !important; background-image: none !important; } body.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, body.qcm-workspace-active #quiz-panel.test-workspace #question-card, body.qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body, body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar { overflow: hidden !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container { overflow-x: hidden !important; overflow-y: auto !important; } body:not(.dark-theme).qcm-workspace-active .app-global-top-bar { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-bottom: 1px solid #e5e7eb !important; box-shadow: none !important; } body.qcm-workspace-active #workspace-topbar-host, body.qcm-workspace-active #quiz-top-unified-card, body.qcm-workspace-active #workspace-topbar-row-1, body.qcm-workspace-active #workspace-topbar-row-2, body.qcm-workspace-active #workspace-topbar-row-3, body.qcm-workspace-active #workspace-topbar-row-4 { background: transparent !important; border: none !important; box-shadow: none !important; } body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .mini-timer-pill, body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper, body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-rating-pill, body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge, body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row, body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell, body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row > button, body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host .large-translate-btn, body.qcm-workspace-active #workspace-topbar-row-3 .inline-ai-btn, body.qcm-workspace-active #workspace-topbar-row-3 .inline-verify-btn, body.qcm-workspace-active #workspace-topbar-row-3 .inline-todo-btn, body.qcm-workspace-active #workspace-topbar-row-3 .inline-next-btn { background: transparent !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; color: #1f2937 !important; } body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder, body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .mini-timer-pill i, body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .mini-timer-pill span, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame *, body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge, body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge i, body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge-label, body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell > span, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell > span, body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row > button, body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row > button i, body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host .large-translate-btn, body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host .large-translate-btn i, body.qcm-workspace-active #workspace-topbar-row-3 .inline-ai-btn, body.qcm-workspace-active #workspace-topbar-row-3 .inline-ai-btn i, body.qcm-workspace-active #workspace-topbar-row-3 .inline-verify-btn, body.qcm-workspace-active #workspace-topbar-row-3 .inline-verify-btn i, body.qcm-workspace-active #workspace-topbar-row-3 .inline-todo-btn, body.qcm-workspace-active #workspace-topbar-row-3 .inline-todo-btn i, body.qcm-workspace-active #workspace-topbar-row-3 .inline-next-btn, body.qcm-workspace-active #workspace-topbar-row-3 .inline-next-btn i { color: #1f2937 !important; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-details::-webkit-scrollbar { display: none !important; } body.qcm-workspace-active #quiz-panel.test-workspace, body.qcm-workspace-active #quiz-panel.test-workspace #quiz-info-column, body.qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column, body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar, body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container, body.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, body.qcm-workspace-active #quiz-panel.test-workspace #question-card, body.qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body, body.qcm-workspace-active #quiz-panel.test-workspace #question-card #options-container, body.qcm-workspace-active .question-comment-card, body.qcm-workspace-active .question-comment-head, body.qcm-workspace-active .question-comment-input, body.qcm-workspace-active .question-comment-actions, body.qcm-workspace-active .question-comment-empty, body.qcm-workspace-active .question-comment-item, body.qcm-workspace-active .question-comment-footer-spacer { background: transparent !important; background-image: none !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; } body.qcm-workspace-active #quiz-panel.test-workspace #quiz-info-column, body.qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column, body.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper { padding: 0 !important; margin: 0 !important; } body.qcm-workspace-active .question-comment-card, body.qcm-workspace-active .question-comment-head, body.qcm-workspace-active .question-comment-actions, body.qcm-workspace-active .question-comment-item { padding-left: 0 !important; padding-right: 0 !important; } body.qcm-workspace-active .question-comment-input { padding-left: 0 !important; padding-right: 0 !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn { padding-left: 0 !important; padding-right: 0 !important; } body.qcm-workspace-active { overflow-y: auto !important; overflow-x: hidden !important; height: auto !important; min-height: 100vh; min-height: 100dvh; } body.qcm-workspace-active #main-content { height: auto !important; min-height: calc(100vh - var(--app-top-banner-height, 0px)); min-height: calc(100dvh - var(--app-top-banner-height, 0px)); overflow: visible !important; } body.qcm-workspace-active #setup-section.test-workspace-active { overflow: visible !important; padding: 14px 16px 28px !important; background: transparent !important; } body.qcm-workspace-active #quiz-panel.test-workspace { grid-template-columns: minmax(250px, 290px) minmax(0, 1fr) !important; gap: 18px !important; align-items: start !important; } body.qcm-workspace-active #quiz-panel.test-workspace #quiz-info-column { gap: 0 !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar { top: 0 !important; height: auto !important; min-height: calc(100vh - var(--app-top-banner-height, 0px) - 18px) !important; min-height: calc(100dvh - var(--app-top-banner-height, 0px) - 18px) !important; max-height: calc(100vh - var(--app-top-banner-height, 0px) - 18px) !important; max-height: calc(100dvh - var(--app-top-banner-height, 0px) - 18px) !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 20px !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container { padding: 12px !important; background: #ffffff !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn, body.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn { padding: 8px 10px !important; border-left-width: 3px !important; border-radius: 12px !important; background: #ffffff !important; } body.qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column { gap: 14px !important; min-width: 0; } body.qcm-workspace-active #quiz-top-unified-card { padding: 10px 12px !important; background: transparent !important; border: none !important; border-radius: 20px !important; box-shadow: none !important; } body.qcm-workspace-active #workspace-topbar-host, body.qcm-workspace-active #workspace-topbar-row-1, body.qcm-workspace-active #workspace-topbar-row-2, body.qcm-workspace-active #workspace-topbar-row-3, body.qcm-workspace-active #workspace-topbar-row-4 { background: transparent !important; } body.qcm-workspace-active .app-global-top-bar { background: transparent !important; border-bottom: none !important; box-shadow: none !important; } body.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, body.qcm-workspace-active #quiz-panel.test-workspace #question-card, body.qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body { background: #ffffff !important; border-radius: 20px !important; border: 1px solid #e5e7eb !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important; } body.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper { padding: 10px !important; overflow: visible !important; } body.qcm-workspace-active #question-stats, body.qcm-workspace-active #question-filters-bar, body.qcm-workspace-active #qcm-control-bar, body.qcm-workspace-active #qcm-inline-actions-host, body.qcm-workspace-active #schema-workspace-panel-host, body.qcm-workspace-active #quiz-stats-section, body.qcm-workspace-active .question-comment-card, body.qcm-workspace-active .question-comment-head, body.qcm-workspace-active .question-comment-input, body.qcm-workspace-active .question-comment-actions, body.qcm-workspace-active .question-comment-empty, body.qcm-workspace-active .question-comment-item, body.qcm-workspace-active .question-comment-footer-spacer { background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } @media (max-width: 768px) { body.qcm-workspace-active #setup-section.test-workspace-active { padding: 10px 10px 24px !important; } body.qcm-workspace-active #quiz-panel.test-workspace { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; } } body.qcm-workspace-active { --workspace-test-gap: 0.5cm; } @media (min-width: 769px) { body.qcm-workspace-active #main-content { margin-left: calc(var(--app-left-sidebar-width, 272px) + var(--workspace-test-gap)) !important; margin-right: var(--workspace-test-gap) !important; padding-top: var(--workspace-test-gap) !important; background: transparent !important; background-color: transparent !important; background-image: none !important; } body.qcm-workspace-active .app-global-top-bar { left: calc(var(--app-global-topbar-left-edge, var(--app-left-sidebar-width, 0px)) + var(--workspace-test-gap)) !important; right: var(--workspace-test-gap) !important; background: transparent !important; } body.qcm-workspace-active #setup-section.test-workspace-active { padding: var(--workspace-test-gap) var(--workspace-test-gap) 28px 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; } body.qcm-workspace-active #quiz-panel.test-workspace { grid-template-columns: minmax(250px, 290px) minmax(0, 1fr) !important; gap: var(--workspace-test-gap) !important; background: transparent !important; background-color: transparent !important; background-image: none !important; } body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar { margin-right: 0 !important; } body.qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column { margin-right: var(--workspace-test-gap); background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 20px !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important; padding: 10px !important; overflow: hidden !important; } body.qcm-workspace-active #quiz-panel.test-workspace #quiz-info-column, body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar, body.qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column, body.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, body.qcm-workspace-active #quiz-panel.test-workspace #question-card, body.qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body { background: #ffffff !important; } body.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper { margin-right: 0 !important; } } @media (max-width: 768px) { body.qcm-workspace-active { --app-top-banner-height: 7.6cm; } body:not(.dark-theme).qcm-workspace-active, body:not(.dark-theme).qcm-workspace-active #main-content, body:not(.dark-theme).qcm-workspace-active #setup-section.test-workspace-active, body:not(.dark-theme).qcm-workspace-active #workspace-topbar-host, body:not(.dark-theme).qcm-workspace-active #quiz-top-unified-card { background: transparent !important; background-color: transparent !important; background-image: none !important; } body.qcm-workspace-active .app-global-top-bar { left: 0 !important; right: 0 !important; height: var(--app-top-banner-height) !important; padding: 0.18cm 0.2cm !important; background: transparent !important; border-bottom: 1px solid #d1d5db !important; } body.qcm-workspace-active #workspace-topbar-host { align-items: stretch !important; } body.qcm-workspace-active #main-content { padding-top: 0.5cm !important; } body.qcm-workspace-active #quiz-top-unified-card { display: flex !important; flex-direction: column !important; gap: 0.16cm !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } body.qcm-workspace-active #workspace-topbar-row-1, body.qcm-workspace-active #workspace-topbar-row-2, body.qcm-workspace-active #workspace-topbar-row-3, body.qcm-workspace-active #workspace-topbar-row-4 { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0.16cm !important; height: auto !important; min-height: 0 !important; flex: 0 0 auto !important; } body.qcm-workspace-active #workspace-topbar-row-1 #quiz-top-row, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats, body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar, body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-bar, body.qcm-workspace-active #workspace-topbar-row-4 #qcm-inline-actions-host, body.qcm-workspace-active #workspace-topbar-row-4 #schema-workspace-panel-host { width: 100% !important; min-width: 0 !important; margin: 0 !important; } body.qcm-workspace-active #workspace-topbar-row-1 #quiz-top-row { flex-direction: column !important; align-items: stretch !important; gap: 0.16cm !important; height: auto !important; } body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row { width: 100% !important; justify-content: space-between !important; } body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .mini-timer-pill { flex: 1 1 0; justify-content: center; } body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper, body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats { height: auto !important; min-height: 0 !important; } body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-compact-row { flex-wrap: wrap !important; } body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar { overflow-x: auto !important; overflow-y: hidden !important; } body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-bar { padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row, body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-extra-row, body.qcm-workspace-active #workspace-topbar-row-4 #qcm-inline-actions-host { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; gap: 8px !important; padding: 0 !important; margin: 0 !important; border: none !important; scrollbar-width: none; } body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row::-webkit-scrollbar, body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-extra-row::-webkit-scrollbar, body.qcm-workspace-active #workspace-topbar-row-4 #qcm-inline-actions-host::-webkit-scrollbar { display: none; } body.qcm-workspace-active #setup-section.test-workspace-active { padding: 0.5cm !important; background: transparent !important; } body.qcm-workspace-active #quiz-panel.test-workspace, body.qcm-workspace-active #quiz-panel.test-workspace #quiz-info-column, body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar, body.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container, body.qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column, body.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, body.qcm-workspace-active #quiz-panel.test-workspace #question-card, body.qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body { background: #ffffff !important; } body.qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column { border: 1px solid #e5e7eb !important; border-radius: 20px !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important; padding: 10px !important; overflow: hidden !important; } } body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #quiz-info-column, body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar, body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container, body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column, body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #question-card, body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body, body:not(.dark-theme).qcm-workspace-active #auto-explanation-container, body:not(.dark-theme).qcm-workspace-active #quiz-stats-section, body:not(.dark-theme).qcm-workspace-active .question-comment-card, body:not(.dark-theme).qcm-workspace-active .question-comment-head, body:not(.dark-theme).qcm-workspace-active .question-comment-input, body:not(.dark-theme).qcm-workspace-active .question-comment-actions, body:not(.dark-theme).qcm-workspace-active .question-comment-empty, body:not(.dark-theme).qcm-workspace-active .question-comment-item, body:not(.dark-theme).qcm-workspace-active .question-comment-footer-spacer { background-color: #ffffff !important; background-image: none !important; } body:not(.dark-theme).qcm-workspace-active #quiz-top-unified-card { background-color: transparent !important; background-image: none !important; } @media (min-width: 769px) { body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column { padding-right: calc(10px + var(--workspace-test-gap)) !important; } } body:not(.dark-theme).qcm-workspace-active, body:not(.dark-theme).qcm-workspace-active #main-content, body:not(.dark-theme).qcm-workspace-active #setup-section.test-workspace-active, body:not(.dark-theme).qcm-workspace-active #quiz-panel.test-workspace { background: transparent !important; background-image: none !important; } body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row { display: flex !important; align-items: stretch !important; gap: 8px !important; min-height: 0 !important; height: auto !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main, body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-height: 32px !important; height: 32px !important; padding: 0 12px !important; border: 1px solid #d8e3f0 !important; border-radius: 999px !important; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 2px 8px rgba(148, 163, 184, 0.12) !important; } body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main { flex: 0 0 auto !important; font-size: 11px !important; font-weight: 800 !important; color: #475569 !important; } body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main i { font-size: 11px !important; color: inherit !important; } body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell { flex: 0 0 auto !important; } body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell > span, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell > span { font-size: 11px !important; font-weight: 900 !important; color: #475569 !important; } body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty { display: inline-flex !important; align-items: center !important; gap: 2px !important; } body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star, body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star.active, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star.active, body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star:hover, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star:hover, body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star:active, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star:active { color: #6b7280 !important; } body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container { background: #f8fafc !important; } body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn, body:not(.dark-theme).qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn { border: 1px solid #d1d5db !important; border-left: 6px solid #cbd5e1 !important; border-radius: 14px !important; background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important; color: #1f2937 !important; padding: 10px 12px !important; margin-bottom: 8px !important; } body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn:hover, body:not(.dark-theme).qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn:hover { background: linear-gradient(180deg, #f1f5f9 0%, #e5ebf3 100%) !important; border-color: #94a3b8 !important; transform: translateY(-1px); } body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-current, body:not(.dark-theme).qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-current { border-color: #93c5fd !important; border-left-color: #3b82f6 !important; background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%) !important; color: #1d4ed8 !important; } body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-correct, body:not(.dark-theme).qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-correct { border-color: #86efac !important; border-left-color: #16a34a !important; background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%) !important; color: #166534 !important; } body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-wrong, body:not(.dark-theme).qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-wrong { border-color: #fecaca !important; border-left-color: #ef4444 !important; background: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%) !important; color: #b91c1c !important; } body:not(.dark-theme).qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-overdue, body:not(.dark-theme).qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-overdue { border-color: #fde68a !important; border-left-color: #f59e0b !important; background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%) !important; color: #92400e !important; } body.qcm-workspace-active #workspace-topbar-row-2 { gap: 8px !important; } body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar { flex: 1 1 auto !important; } body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row, html body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row, html body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row * { background: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; } body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row { display: flex !important; align-items: stretch !important; justify-content: flex-start !important; gap: 8px !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; height: auto !important; flex: 0 0 auto !important; } body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main, body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; height: 32px !important; min-height: 32px !important; padding: 0 14px !important; border: 1px solid #d8e3f0 !important; border-radius: 999px !important; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 2px 8px rgba(148, 163, 184, 0.12) !important; flex: 0 0 auto !important; } body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main { min-width: 132px !important; } body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell { min-width: 146px !important; } body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row > div[style*="width:1px"] { display: none !important; } @media (min-width: 769px) { html body.qcm-workspace-active.split-companion-active #quiz-panel.test-workspace.split-companion-qcm-panel { margin-top: 0.5cm !important; } } html body.qcm-workspace-active #quiz-timers-row .mini-timer-pill, html body.qcm-workspace-active #quick-search-wrapper, html body.qcm-workspace-active #question-stats .question-stats-pill, html body.qcm-workspace-active #question-stats .question-day-chip, html body.qcm-workspace-active #question-filters-bar .filter-badge, html body.qcm-workspace-active #btn-mindmap-main, html body.qcm-workspace-active #quality-rating-shell, html body.qcm-workspace-active #difficulty-rating-shell, html body.qcm-workspace-active #qcm-control-main-row > button, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn, html body.qcm-workspace-active .inline-ai-btn, html body.qcm-workspace-active .inline-verify-btn, html body.qcm-workspace-active .inline-todo-btn, html body.qcm-workspace-active .inline-next-btn { background: var(--workspace-tile-bg, #ffffff) !important; background-color: var(--workspace-tile-bg, #ffffff) !important; background-image: none !important; border-color: var(--workspace-tile-border, #d8e3f0) !important; color: var(--workspace-tile-text, #0f172a) !important; } html body.qcm-workspace-active #quiz-timers-row .mini-timer-pill:hover, html body.qcm-workspace-active #quick-search-wrapper:hover, html body.qcm-workspace-active #quick-search-wrapper:focus-within, html body.qcm-workspace-active #question-stats .question-stats-pill:hover, html body.qcm-workspace-active #question-stats .question-day-chip:hover, html body.qcm-workspace-active #question-filters-bar .filter-badge:hover, html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-badge-open, html body.qcm-workspace-active #question-filters-bar .filter-badge.active, html body.qcm-workspace-active #btn-mindmap-main:hover, html body.qcm-workspace-active #btn-mindmap-main:focus-visible, html body.qcm-workspace-active #quality-rating-shell:hover, html body.qcm-workspace-active #difficulty-rating-shell:hover, html body.qcm-workspace-active #qcm-control-main-row > button:hover, html body.qcm-workspace-active #qcm-control-main-row > button:focus-visible, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn:hover, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn:focus-visible, html body.qcm-workspace-active .inline-ai-btn:hover, html body.qcm-workspace-active .inline-ai-btn:focus-visible, html body.qcm-workspace-active .inline-verify-btn:hover, html body.qcm-workspace-active .inline-verify-btn:focus-visible, html body.qcm-workspace-active .inline-todo-btn:hover, html body.qcm-workspace-active .inline-todo-btn:focus-visible, html body.qcm-workspace-active .inline-next-btn:hover, html body.qcm-workspace-active .inline-next-btn:focus-visible { background: var(--workspace-tile-bg, #ffffff) !important; background-color: var(--workspace-tile-bg, #ffffff) !important; background-image: none !important; border-color: var(--workspace-tile-border, #d8e3f0) !important; color: var(--workspace-tile-text, #0f172a) !important; } html body.qcm-workspace-active #quiz-timers-row .mini-timer-pill *, html body.qcm-workspace-active #question-stats .question-stats-pill *, html body.qcm-workspace-active #question-stats .question-day-chip *, html body.qcm-workspace-active #question-filters-bar .filter-badge *, html body.qcm-workspace-active #btn-mindmap-main *, html body.qcm-workspace-active #quality-rating-shell > span, html body.qcm-workspace-active #difficulty-rating-shell > span, html body.qcm-workspace-active #qcm-control-main-row > button *, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn *, html body.qcm-workspace-active .inline-ai-btn *, html body.qcm-workspace-active .inline-verify-btn *, html body.qcm-workspace-active .inline-todo-btn *, html body.qcm-workspace-active .inline-next-btn * { color: inherit !important; } html body.qcm-workspace-active #quiz-timers-row .timer-total { --workspace-tile-bg: #fdf2f8; --workspace-tile-border: #f5c2d7; --workspace-tile-text: #9d174d; } html body.qcm-workspace-active #question-total-timer { color: #831843 !important; } html body.qcm-workspace-active #quiz-timers-row .timer-qcm { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #166534; } html body.qcm-workspace-active #question-q-timer { color: #14532d !important; } html body.qcm-workspace-active #quick-search-wrapper { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active #desktop-quick-search-input { background: transparent !important; color: #1e3a8a !important; caret-color: #1d4ed8 !important; } html body.qcm-workspace-active #desktop-quick-search-input::placeholder { color: #64748b !important; } html body.qcm-workspace-active #révision-count { --workspace-tile-bg: #eef2ff; --workspace-tile-border: #c7d2fe; --workspace-tile-text: #4338ca; } html body.qcm-workspace-active #révision-correct-total { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active #révision-wrong-total { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #dc2626; } html body.qcm-workspace-active #session-score-pill { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #question-stats .question-day-chip.empty { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #475569; } html body.qcm-workspace-active #question-stats .question-day-chip.correct-only { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #166534; } html body.qcm-workspace-active #question-stats .question-day-chip.wrong-only { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #b91c1c; } html body.qcm-workspace-active #question-stats .question-day-chip.mixed { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-faculty { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #475569; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-rotation { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-year { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-module { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-lesson { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #btn-mindmap-main { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #quality-rating-shell { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #difficulty-rating-shell { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #quality-rating-shell .large-star, html body.qcm-workspace-active #rating-quality .large-star { color: #8fd1c5 !important; -webkit-text-fill-color: #8fd1c5 !important; } html body.qcm-workspace-active #quality-rating-shell .large-star.active, html body.qcm-workspace-active #quality-rating-shell .large-star:hover, html body.qcm-workspace-active #quality-rating-shell .large-star:active, html body.qcm-workspace-active #rating-quality .large-star.active, html body.qcm-workspace-active #rating-quality .large-star:hover, html body.qcm-workspace-active #rating-quality .large-star:active { color: #0f766e !important; -webkit-text-fill-color: #0f766e !important; } html body.qcm-workspace-active #difficulty-rating-shell .large-star, html body.qcm-workspace-active #rating-difficulty .large-star { color: #fdba74 !important; -webkit-text-fill-color: #fdba74 !important; } html body.qcm-workspace-active #difficulty-rating-shell .large-star.active, html body.qcm-workspace-active #difficulty-rating-shell .large-star:hover, html body.qcm-workspace-active #difficulty-rating-shell .large-star:active, html body.qcm-workspace-active #rating-difficulty .large-star.active, html body.qcm-workspace-active #rating-difficulty .large-star:hover, html body.qcm-workspace-active #rating-difficulty .large-star:active { color: #c2410c !important; -webkit-text-fill-color: #c2410c !important; } html body.qcm-workspace-active #btn-prev-main { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #334155; } html body.qcm-workspace-active #btn-study-main { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active #btn-notes-main { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #btn-close-companion-main { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #dc2626; } html body.qcm-workspace-active #btn-explain-main { --workspace-tile-bg: #eef2ff; --workspace-tile-border: #c7d2fe; --workspace-tile-text: #4338ca; } html body.qcm-workspace-active #btn-end-main { --workspace-tile-bg: #fdecec; --workspace-tile-border: #f5b7b1; --workspace-tile-text: #b42318; } html body.qcm-workspace-active #btn-schema-main { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn { --workspace-tile-bg: #f0f9ff; --workspace-tile-border: #bae6fd; --workspace-tile-text: #0369a1; } html body.qcm-workspace-active .inline-ai-btn { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active .inline-ai-btn.is-detailed { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active .inline-verify-btn { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active .inline-todo-btn { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active .inline-next-btn { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder { color: #1f2937 !important; opacity: 1 !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row { gap: 3px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .qcm-filter-row.single-line { gap: 3px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .qcm-filter-row.single-line .filter-badge { min-height: 18px !important; padding: 2px 5px !important; gap: 3px !important; font-size: 6.8px !important; line-height: 1 !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .qcm-filter-row.single-line .filter-badge.filter-large { padding: 2px 5px !important; font-size: 6.8px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .qcm-filter-row.single-line .filter-badge.filter-small { max-width: 76px !important; padding: 2px 4px !important; font-size: 5.8px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .qcm-filter-row.single-line .filter-badge i { font-size: 5.6px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .filter-badge-label { line-height: 1 !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main, html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell { width: max-content !important; min-width: max-content !important; padding: 0 4px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main { gap: 3px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell { gap: 2px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell > span, html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell > span { font-size: 9px !important; } @media (min-width: 769px) { html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { gap: 8px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { order: 1 !important; flex: 0 0 auto !important; overflow: visible !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days { order: 2 !important; flex: 1 1 auto !important; justify-content: flex-end !important; text-align: right !important; } } /* Final hard overrides v2 */ html body.qcm-workspace-active #workspace-topbar-row-3 #btn-end-main { display: none !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-prev-main { order: 10 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-study-main { order: 20 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-notes-main { order: 30 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-explain-main { order: 40 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-schema-main { order: 50 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host { order: 60 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .question-actions-after-options { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 4px !important; margin: 0 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-ai-btn:not(.is-detailed) { order: 71 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-ai-btn.is-detailed { order: 72 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-end-btn { order: 73 !important; background: linear-gradient(180deg, #c81c45 0%, #b6153c 100%) !important; border: 1.5px solid #b5163b !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(182, 21, 60, 0.22) !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-end-btn * { color: #ffffff !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-todo-btn { order: 74 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-verify-btn { order: 75 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-next-btn { order: 76 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:focus, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:active { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; caret-color: #1f2937 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:-ms-input-placeholder { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; opacity: 1 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { background: linear-gradient(180deg, #97cff8 0%, #87c2ef 100%) !important; border: 1.5px solid #74b0df !important; border-radius: 999px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 8px !important; padding: 7px 12px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { order: 1 !important; flex: 0 1 auto !important; overflow: visible !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-details { order: 2 !important; flex: 0 1 auto !important; min-width: 0 !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-dropdown, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-empty { flex: 0 0 auto !important; max-width: max-content !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-empty { min-height: 24px !important; padding: 0 10px !important; font-size: 10px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge { min-height: 24px !important; padding: 0 10px !important; font-size: 10px !important; gap: 5px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge > i { font-size: 9px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-menu.filter-selection-panel { min-width: 168px !important; max-width: min(220px, calc(100vw - 24px)) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-date-item.filter-option-item { padding: 6px 9px !important; font-size: 9px !important; } @media (max-width: 768px) { html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { justify-content: flex-start !important; overflow-x: auto !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-details { flex: 0 0 auto !important; } } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { scrollbar-color: rgba(255, 255, 255, 0.98) rgba(255, 255, 255, 0.98) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-track { background: #ffffff !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-thumb { background: #ffffff !important; border: 1px solid #8fbde0 !important; border-radius: 999px !important; } html body.qcm-workspace-active #auto-explanation-container.auto-explanation { background: #ffffff !important; border: 1.5px solid #dbe5ef !important; box-shadow: 0 24px 60px rgba(2, 6, 23, 0.25) !important; } html body.qcm-workspace-active #auto-explanation-container .explanation-header, html body.qcm-workspace-active #auto-explanation-content, html body.qcm-workspace-active #auto-explanation-content * { background: #ffffff !important; color: #1e293b !important; } html body.overlay-panels-open, html body.overlay-panels-open #main-content, html body.overlay-panels-open #setup-section { padding-top: 0 !important; } html body.overlay-panels-open .app-global-top-bar { display: none !important; } /* FINAL MOBILE + DARK MODE LOCK (2026-04-22): phone parity + flatter dark workspace */ @media (max-width: 768px) { html body.qcm-workspace-active #workspace-topbar-mobile-line-2 #desktop-quick-search-input, html body.qcm-workspace-active #workspace-topbar-mobile-line-2 #desktop-quick-search-input:focus, html body.qcm-workspace-active #workspace-topbar-mobile-line-2 #desktop-quick-search-input:active { font-size: 13px !important; line-height: 16px !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-2 #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #workspace-topbar-mobile-line-2 #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #workspace-topbar-mobile-line-2 #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #workspace-topbar-mobile-line-2 #desktop-quick-search-input:-ms-input-placeholder { font-size: 13px !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-3, html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats, html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-stats-compact-row { width: 100% !important; min-width: 0 !important; overflow: visible !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats, html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-stats-compact-row, html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-stats-main-frame { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-stats-main-frame { width: 100% !important; max-width: 100% !important; min-width: 0 !important; justify-content: flex-start !important; gap: 5px !important; padding: 5px 10px !important; border: 1.5px solid #74b0df !important; border-radius: 999px !important; background: linear-gradient(180deg, #97cff8 0%, #87c2ef 100%) !important; box-shadow: 0 10px 22px rgba(114, 164, 215, 0.18) !important; overflow-x: auto !important; overflow-y: hidden !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats #révision-details, html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-stats-pills, html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-attempts-dropdown { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; overflow: visible !important; white-space: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats #révision-details { order: 1 !important; flex: 1 1 auto !important; justify-content: flex-start !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-stats-pills { order: 2 !important; gap: 5px !important; padding: 0 !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-day-chip, html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-attempts-extra, html body.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-attempts-toggle.filter-badge { min-height: 22px !important; height: 22px !important; padding: 0 8px !important; border-radius: 999px !important; font-size: 9px !important; line-height: 1 !important; white-space: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-4 .filter-badge, html body.qcm-workspace-active #workspace-topbar-mobile-line-5 .filter-badge { min-width: 0 !important; overflow: hidden !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-4 .filter-badge i, html body.qcm-workspace-active #workspace-topbar-mobile-line-5 .filter-badge i { flex: 0 0 auto !important; font-size: 9px !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-4 .filter-badge-label, html body.qcm-workspace-active #workspace-topbar-mobile-line-5 .filter-badge-label { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 10.2px !important; line-height: 1.1 !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-4 .filter-badge.filter-module { --workspace-tile-bg: #fffaf2 !important; --workspace-tile-border: #fde3bf !important; --workspace-tile-text: #c56a1b !important; --workspace-tile-bg-active: #ffedd5 !important; --workspace-tile-border-active: #fdba74 !important; --workspace-tile-text-active: #9a3412 !important; --workspace-tile-shadow: 0 8px 18px rgba(191, 127, 114, 0.11) !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-4 .filter-badge.filter-lesson { --workspace-tile-bg: #faf7ff !important; --workspace-tile-border: #e4dafd !important; --workspace-tile-text: #6e43cc !important; --workspace-tile-bg-active: #ede9fe !important; --workspace-tile-border-active: #c4b5fd !important; --workspace-tile-text-active: #5b21b6 !important; --workspace-tile-shadow: 0 8px 18px rgba(132, 116, 190, 0.11) !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-5 .filter-badge.filter-faculty { --workspace-tile-bg: #fbfdff !important; --workspace-tile-border: #d8e2ec !important; --workspace-tile-text: #526273 !important; --workspace-tile-bg-active: #eef2f7 !important; --workspace-tile-border-active: #b8c4d4 !important; --workspace-tile-text-active: #334155 !important; --workspace-tile-shadow: 0 8px 18px rgba(148, 163, 184, 0.13) !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-5 .filter-badge.filter-rotation { --workspace-tile-bg: #f2fdff !important; --workspace-tile-border: #c8f3f8 !important; --workspace-tile-text: #12736f !important; --workspace-tile-bg-active: #dff7f8 !important; --workspace-tile-border-active: #7dd3d8 !important; --workspace-tile-text-active: #0f5f59 !important; --workspace-tile-shadow: 0 8px 18px rgba(115, 173, 179, 0.13) !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-5 .filter-badge.filter-year { --workspace-tile-bg: #f4f9ff !important; --workspace-tile-border: #cfe2ff !important; --workspace-tile-text: #2457c5 !important; --workspace-tile-bg-active: #dbeafe !important; --workspace-tile-border-active: #93c5fd !important; --workspace-tile-text-active: #1e40af !important; --workspace-tile-shadow: 0 8px 18px rgba(107, 133, 194, 0.13) !important; } } html body.dark-theme.qcm-workspace-active .app-global-top-bar, html body.dark-theme.qcm-workspace-active #workspace-topbar-host, html body.dark-theme.qcm-workspace-active #quiz-top-unified-card, html body.dark-theme.qcm-workspace-active #workspace-topbar-row-1, html body.dark-theme.qcm-workspace-active #workspace-topbar-row-2, html body.dark-theme.qcm-workspace-active #workspace-topbar-row-3, html body.dark-theme.qcm-workspace-active #workspace-topbar-row-4, html body.dark-theme.qcm-workspace-active #workspace-topbar-mobile-line-1, html body.dark-theme.qcm-workspace-active #workspace-topbar-mobile-line-2, html body.dark-theme.qcm-workspace-active #workspace-topbar-mobile-line-3, html body.dark-theme.qcm-workspace-active #workspace-topbar-mobile-line-4, html body.dark-theme.qcm-workspace-active #workspace-topbar-mobile-line-5, html body.dark-theme.qcm-workspace-active #workspace-topbar-mobile-line-6, html body.dark-theme.qcm-workspace-active #workspace-topbar-mobile-line-7, html body.dark-theme.qcm-workspace-active #workspace-topbar-mobile-line-8, html body.dark-theme.qcm-workspace-active #main-content, html body.dark-theme.qcm-workspace-active #setup-section.test-workspace-active, html body.dark-theme.qcm-workspace-active #quiz-panel.test-workspace, html body.dark-theme.qcm-workspace-active #quiz-main-column, html body.dark-theme.qcm-workspace-active #quiz-info-column, html body.dark-theme.qcm-workspace-active #study-quiz-content, html body.dark-theme.qcm-workspace-active #quiz-container, html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar, html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container, html body.dark-theme.qcm-workspace-active #question-card-wrapper, html body.dark-theme.qcm-workspace-active #question-card, html body.dark-theme.qcm-workspace-active #question-card .question-card-body { background: #0b1220 !important; background-image: none !important; border: none !important; box-shadow: none !important; } html body.dark-theme.qcm-workspace-active #question-card-wrapper, html body.dark-theme.qcm-workspace-active #question-card, html body.dark-theme.qcm-workspace-active #question-card .question-card-body, html body.dark-theme.qcm-workspace-active #auto-explanation-container.auto-explanation, html body.dark-theme.qcm-workspace-active #auto-explanation-container .explanation-header, html body.dark-theme.qcm-workspace-active #auto-explanation-content { background: #0d1628 !important; background-image: none !important; border: none !important; box-shadow: none !important; } html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn { background: rgba(15, 23, 42, 0.24) !important; background-image: none !important; border: none !important; border-left: 3px solid transparent !important; box-shadow: none !important; } html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn:hover, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn:hover { background: rgba(30, 41, 59, 0.46) !important; } html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-current, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-current { background: rgba(37, 99, 235, 0.14) !important; border-left-color: rgba(96, 165, 250, 0.9) !important; } html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-correct, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-correct { background: rgba(22, 163, 74, 0.14) !important; border-left-color: rgba(74, 222, 128, 0.9) !important; } html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-overdue, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-overdue { background: rgba(245, 158, 11, 0.14) !important; border-left-color: rgba(251, 191, 36, 0.9) !important; } html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-current.is-wrong, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-current.is-wrong, html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-wrong, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-wrong, html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-nav-wrong, html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn[data-nav-result="wrong"], html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-nav-wrong, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn[data-nav-result="wrong"] { background: rgba(127, 29, 29, 0.18) !important; background-image: none !important; border: none !important; border-left: 3px solid rgba(248, 113, 113, 0.74) !important; box-shadow: none !important; } html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-index, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-index { background: rgba(148, 163, 184, 0.12) !important; border: none !important; box-shadow: none !important; } html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-current.is-wrong .nav-instruction-index, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-current.is-wrong .nav-instruction-index, html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-wrong .nav-instruction-index, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-wrong .nav-instruction-index, html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn.is-nav-wrong .nav-instruction-index, html body.dark-theme.qcm-workspace-active #sidebar-nav.test-workspace-sidebar #nav-items-container .nav-instruction-btn[data-nav-result="wrong"] .nav-instruction-index, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn.is-nav-wrong .nav-instruction-index, html body.dark-theme.qcm-workspace-active #workspace-nav-items-container .nav-instruction-btn[data-nav-result="wrong"] .nav-instruction-index { background: rgba(248, 113, 113, 0.12) !important; border: none !important; } html body.dark-theme.qcm-workspace-active #question-stats .question-stats-main-frame, html body.dark-theme.qcm-workspace-active #workspace-topbar-mobile-line-3 #question-stats .question-stats-main-frame { background: #0d1628 !important; border: 1px solid rgba(71, 85, 105, 0.44) !important; box-shadow: none !important; } html body.dark-theme.qcm-workspace-active #question-stats .question-stats-pill, html body.dark-theme.qcm-workspace-active #question-stats .question-day-chip, html body.dark-theme.qcm-workspace-active #question-stats .question-attempts-empty, html body.dark-theme.qcm-workspace-active #question-stats .question-attempts-toggle.filter-badge, html body.dark-theme.qcm-workspace-active #question-stats #révision-count { box-shadow: none !important; } html body.dark-theme.qcm-workspace-active #question-stats .question-day-chip.empty, html body.dark-theme.qcm-workspace-active #question-stats .question-attempts-empty, html body.dark-theme.qcm-workspace-active #question-stats #révision-count, html body.dark-theme.qcm-workspace-active #question-stats .question-attempts-toggle.filter-badge { background: #0d1628 !important; border-color: rgba(71, 85, 105, 0.48) !important; color: #dbe7f5 !important; -webkit-text-fill-color: #dbe7f5 !important; } html body.qcm-workspace-active #quick-search-wrapper, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper { --workspace-tile-bg: #ffffff !important; --workspace-tile-border: #121212 !important; --workspace-tile-text: #111111 !important; background: #ffffff !important; background-image: none !important; border-color: #121212 !important; color: #111111 !important; box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important; } html body.qcm-workspace-active #desktop-quick-search-input, html body.qcm-workspace-active #desktop-quick-search-input:focus, html body.qcm-workspace-active #desktop-quick-search-input:active, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:focus, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:active { background: transparent !important; border: none !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; caret-color: #111111 !important; box-shadow: none !important; } html body.qcm-workspace-active #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #desktop-quick-search-input:-ms-input-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:-ms-input-placeholder { color: #111111 !important; -webkit-text-fill-color: #111111 !important; opacity: 1 !important; } html body.qcm-workspace-active #quick-search-wrapper .quick-search-icon, html body.qcm-workspace-active #quick-search-wrapper .quick-search-icon *, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper .quick-search-icon, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper .quick-search-icon * { color: #111111 !important; } html body.qcm-workspace-active #quick-search-wrapper, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper { --workspace-tile-bg: #ffffff !important; --workspace-tile-border: #121212 !important; --workspace-tile-text: #111111 !important; background: #ffffff !important; background-image: none !important; border-color: #121212 !important; color: #111111 !important; box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important; } html body.qcm-workspace-active #desktop-quick-search-input, html body.qcm-workspace-active #desktop-quick-search-input:focus, html body.qcm-workspace-active #desktop-quick-search-input:active, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:focus, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:active { background: transparent !important; border: none !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; caret-color: #111111 !important; box-shadow: none !important; } html body.qcm-workspace-active #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #desktop-quick-search-input:-ms-input-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:-ms-input-placeholder { color: #111111 !important; -webkit-text-fill-color: #111111 !important; opacity: 1 !important; } html body.qcm-workspace-active #quick-search-wrapper .quick-search-icon, html body.qcm-workspace-active #quick-search-wrapper .quick-search-icon *, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper .quick-search-icon, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper .quick-search-icon * { color: #111111 !important; } html body.qcm-workspace-active #quick-search-wrapper, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper { --workspace-tile-bg: #ffffff !important; --workspace-tile-border: #121212 !important; --workspace-tile-text: #111111 !important; background: #ffffff !important; background-image: none !important; border-color: #121212 !important; color: #111111 !important; box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important; } html body.qcm-workspace-active #desktop-quick-search-input, html body.qcm-workspace-active #desktop-quick-search-input:focus, html body.qcm-workspace-active #desktop-quick-search-input:active, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:focus, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:active { background: transparent !important; border: none !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; caret-color: #111111 !important; box-shadow: none !important; } html body.qcm-workspace-active #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #desktop-quick-search-input:-ms-input-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:-ms-input-placeholder { color: #111111 !important; -webkit-text-fill-color: #111111 !important; opacity: 1 !important; } html body.qcm-workspace-active #quick-search-wrapper .quick-search-icon, html body.qcm-workspace-active #quick-search-wrapper .quick-search-icon *, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper .quick-search-icon, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper .quick-search-icon * { color: #111111 !important; } html body.qcm-workspace-active #quick-search-wrapper, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper { --workspace-tile-bg: #ffffff !important; --workspace-tile-border: #121212 !important; --workspace-tile-text: #111111 !important; background: #ffffff !important; background-image: none !important; border-color: #121212 !important; color: #111111 !important; box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important; } html body.qcm-workspace-active #desktop-quick-search-input, html body.qcm-workspace-active #desktop-quick-search-input:focus, html body.qcm-workspace-active #desktop-quick-search-input:active, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:focus, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:active { background: transparent !important; border: none !important; color: #111111 !important; caret-color: #111111 !important; box-shadow: none !important; } html body.qcm-workspace-active #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #desktop-quick-search-input:-ms-input-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:-ms-input-placeholder { color: #111111 !important; opacity: 1 !important; } html body.qcm-workspace-active #quick-search-wrapper .quick-search-icon, html body.qcm-workspace-active #quick-search-wrapper .quick-search-icon *, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper .quick-search-icon, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper .quick-search-icon * { color: #111111 !important; } html body.qcm-workspace-active #btn-mindmap-main, html body.qcm-workspace-active #quality-rating-shell, html body.qcm-workspace-active #difficulty-rating-shell { --workspace-tile-bg: #ffffff !important; --workspace-tile-border: #d1fae5 !important; --workspace-tile-text: #0f766e !important; background: #ffffff !important; background-image: none !important; border-color: #d1fae5 !important; color: #0f766e !important; box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important; } html body.qcm-workspace-active #btn-mindmap-main *, html body.qcm-workspace-active #quality-rating-shell *, html body.qcm-workspace-active #difficulty-rating-shell * { color: #0f766e !important; } html body.qcm-workspace-active #quality-rating-shell .large-star, html body.qcm-workspace-active #difficulty-rating-shell .large-star { color: #99f6e4 !important; -webkit-text-fill-color: #99f6e4 !important; } html body.qcm-workspace-active #quality-rating-shell .large-star.active, html body.qcm-workspace-active #quality-rating-shell .large-star:hover, html body.qcm-workspace-active #quality-rating-shell .large-star:active, html body.qcm-workspace-active #difficulty-rating-shell .large-star.active, html body.qcm-workspace-active #difficulty-rating-shell .large-star:hover, html body.qcm-workspace-active #difficulty-rating-shell .large-star:active { color: #0f766e !important; -webkit-text-fill-color: #0f766e !important; } html body.qcm-workspace-active #quick-search-wrapper { --workspace-tile-bg: #ffffff !important; --workspace-tile-border: #121212 !important; --workspace-tile-text: #111111 !important; background: #ffffff !important; background-image: none !important; border-color: #121212 !important; color: #111111 !important; box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important; } html body.qcm-workspace-active #desktop-quick-search-input, html body.qcm-workspace-active #desktop-quick-search-input:focus, html body.qcm-workspace-active #desktop-quick-search-input:active { background: transparent !important; border: none !important; color: #111111 !important; caret-color: #111111 !important; box-shadow: none !important; } html body.qcm-workspace-active #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #desktop-quick-search-input:-ms-input-placeholder { color: #111111 !important; opacity: 1 !important; } html body.qcm-workspace-active #quick-search-wrapper .quick-search-icon, html body.qcm-workspace-active #quick-search-wrapper .quick-search-icon *, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper .quick-search-icon, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper .quick-search-icon * { color: #111111 !important; } .simulation-module-shell, .simulation-module-main-field, #simulation-module-picker { display: none !important; } .simulation-title-count-field { min-width: 128px !important; width: 128px !important; flex: 0 0 128px !important; } .simulation-title-count-field .simulation-field-input, #total-qcm-input { min-width: 92px !important; width: 92px !important; text-align: center !important; } .simulation-title-actions-row { display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; } .simulation-title-row-field { flex: 1 1 260px !important; max-width: 360px !important; min-width: 160px !important; width: auto !important; } .simulation-title-row-field .simulation-field-input { min-width: 0 !important; width: 100% !important; } .simulation-title-actions-row .simulation-primary-btn, .simulation-title-actions-row .simulation-pdf-btn, .simulation-title-actions-row .simulation-load-btn, .simulation-title-actions-row .simulation-title-count-field, .simulation-title-actions-row .simulation-title-count-field * { flex-shrink: 0 !important; } .simulation-title-actions-row .simulation-primary-btn { flex: 0 0 240px !important; width: 240px !important; min-width: 240px !important; max-width: 240px !important; } .simulation-title-actions-row .simulation-pdf-btn { flex: 0 0 320px !important; width: 320px !important; min-width: 320px !important; max-width: 320px !important; } .simulation-title-actions-row .simulation-load-btn { order: 99 !important; flex: 0 0 100% !important; width: 320px !important; min-width: 320px !important; max-width: 320px !important; display: flex !important; margin-left: auto !important; } /* FINAL STATS ROW LOCK */ html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-stats-compact-row, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-stats-main-frame { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-stats-main-frame { justify-content: flex-start !important; gap: 6px !important; padding: 6px 12px !important; background: rgba(255, 255, 255, 0.08) !important; background-image: none !important; border: 2px solid rgba(30, 41, 59, 0.7) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 10px 24px rgba(15, 23, 42, 0.12) !important; overflow-x: auto !important; overflow-y: visible !important; } html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats #révision-details, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-stats-days, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-stats-pills, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-attempts-dropdown { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; overflow: visible !important; white-space: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-stats-pills { gap: 6px !important; padding: 0 !important; } html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-attempts-empty, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-attempts-toggle.filter-badge { min-height: 24px !important; height: 24px !important; padding: 0 10px !important; border-radius: 999px !important; border: 1.5px solid rgba(30, 41, 59, 0.74) !important; background: rgba(255, 255, 255, 0.08) !important; background-image: none !important; box-shadow: none !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats #révision-count#révision-count, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-attempts-empty, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-attempts-toggle.filter-badge, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats #session-score-pill#session-score-pill { color: #1e293b !important; -webkit-text-fill-color: #1e293b !important; } html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats #révision-correct-total#révision-correct-total, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats #révision-correct-total#révision-correct-total *, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .stats-word-accent.is-correct { color: #15803d !important; -webkit-text-fill-color: #15803d !important; } html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats #révision-wrong-total#révision-wrong-total, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats #révision-wrong-total#révision-wrong-total *, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .stats-word-accent.is-wrong { color: #dc2626 !important; -webkit-text-fill-color: #dc2626 !important; } html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-attempts-toggle.filter-badge > i { color: #1e293b !important; -webkit-text-fill-color: #1e293b !important; font-size: 9px !important; } html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-attempts-menu.filter-selection-panel { min-width: 170px !important; max-width: min(220px, calc(100vw - 20px)) !important; } @media (max-width: 768px) { html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-stats-main-frame { gap: 5px !important; padding: 5px 10px !important; } html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-attempts-empty, html body.qcm-workspace-active #workspace-topbar-row-1#workspace-topbar-row-1 #question-stats#question-stats .question-attempts-toggle.filter-badge { min-height: 22px !important; height: 22px !important; padding: 0 8px !important; font-size: 9px !important; } } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-compact-row, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { justify-content: flex-start !important; gap: 6px !important; padding: 6px 12px !important; background: rgba(255, 255, 255, 0.08) !important; background-image: none !important; border: 2px solid rgba(30, 41, 59, 0.7) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 10px 24px rgba(15, 23, 42, 0.12) !important; overflow-x: auto !important; overflow-y: visible !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-details, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-dropdown { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; overflow: visible !important; white-space: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { gap: 6px !important; padding: 0 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-empty, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge { min-height: 24px !important; height: 24px !important; padding: 0 10px !important; border-radius: 999px !important; border: 1.5px solid rgba(30, 41, 59, 0.74) !important; background: rgba(255, 255, 255, 0.08) !important; background-image: none !important; box-shadow: none !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-count, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-empty, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #session-score-pill { color: #1e293b !important; -webkit-text-fill-color: #1e293b !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-correct-total, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-correct-total *, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .stats-word-accent.is-correct { color: #15803d !important; -webkit-text-fill-color: #15803d !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-wrong-total, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-wrong-total *, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .stats-word-accent.is-wrong { color: #dc2626 !important; -webkit-text-fill-color: #dc2626 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge > i { color: #1e293b !important; -webkit-text-fill-color: #1e293b !important; font-size: 9px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-menu.filter-selection-panel { min-width: 170px !important; max-width: min(220px, calc(100vw - 20px)) !important; } @media (max-width: 768px) { html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { gap: 5px !important; padding: 5px 10px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-empty, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge { min-height: 22px !important; height: 22px !important; padding: 0 8px !important; font-size: 9px !important; } } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-compact-row, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { justify-content: flex-start !important; gap: 6px !important; padding: 6px 12px !important; background: rgba(255, 255, 255, 0.08) !important; background-image: none !important; border: 2px solid rgba(30, 41, 59, 0.7) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 10px 24px rgba(15, 23, 42, 0.12) !important; overflow-x: auto !important; overflow-y: visible !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-details, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-dropdown { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; overflow: visible !important; white-space: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { gap: 6px !important; padding: 0 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-empty, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge { min-height: 24px !important; height: 24px !important; padding: 0 10px !important; border-radius: 999px !important; border: 1.5px solid rgba(30, 41, 59, 0.74) !important; background: rgba(255, 255, 255, 0.08) !important; background-image: none !important; box-shadow: none !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-count, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-empty, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #session-score-pill { color: #1e293b !important; -webkit-text-fill-color: #1e293b !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-correct-total, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-correct-total *, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .stats-word-accent.is-correct { color: #15803d !important; -webkit-text-fill-color: #15803d !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-wrong-total, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-wrong-total *, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .stats-word-accent.is-wrong { color: #dc2626 !important; -webkit-text-fill-color: #dc2626 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge > i { color: #1e293b !important; -webkit-text-fill-color: #1e293b !important; font-size: 9px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-menu.filter-selection-panel { min-width: 170px !important; max-width: min(220px, calc(100vw - 20px)) !important; } @media (max-width: 768px) { html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { gap: 5px !important; padding: 5px 10px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-empty, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge { min-height: 22px !important; height: 22px !important; padding: 0 8px !important; font-size: 9px !important; } } /* final stats strip override */ html body.qcm-workspace-active #question-stats, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats { display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; min-width: 0 !important; } html body.qcm-workspace-active #question-stats .question-stats-compact-row, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-compact-row { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; } html body.qcm-workspace-active #question-stats .stats-header, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .stats-header, html body.qcm-workspace-active #question-stats .question-stats-side-pills, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-side-pills { display: none !important; } html body.qcm-workspace-active #question-stats .question-stats-main-frame, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: fit-content !important; max-width: min(100%, 100vw - 28px) !important; min-width: 0 !important; margin: 0 auto !important; padding: 8px 14px !important; border: 2px solid rgba(15, 23, 42, 0.8) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.06) !important; background-image: none !important; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important; backdrop-filter: blur(10px) saturate(150%) !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; } html body.qcm-workspace-active #question-stats .question-stats-main-frame::-webkit-scrollbar, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar { display: none !important; } html body.qcm-workspace-active #question-stats .question-stats-pills, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { order: 1 !important; display: inline-flex !important; flex: 0 0 auto !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-width: max-content !important; width: auto !important; overflow: visible !important; white-space: nowrap !important; padding: 0 !important; margin: 0 !important; } html body.qcm-workspace-active #question-stats #révision-details, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-details { order: 2 !important; display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; min-width: max-content !important; width: auto !important; overflow: visible !important; white-space: nowrap !important; padding: 0 !important; margin: 0 !important; } html body.qcm-workspace-active #question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill, html body.qcm-workspace-active #question-stats .question-day-chip, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip, html body.qcm-workspace-active #question-stats .question-attempts-extra, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-extra { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; padding: 0 12px !important; border-radius: 999px !important; border: 1.5px solid rgba(15, 23, 42, 0.72) !important; background: rgba(255, 255, 255, 0.02) !important; background-image: none !important; box-shadow: none !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } html body.qcm-workspace-active #question-stats #révision-count, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-count, html body.qcm-workspace-active #question-stats #session-score-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #session-score-pill, html body.qcm-workspace-active #question-stats .question-day-chip-date, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip-date { color: #1e293b !important; } html body.qcm-workspace-active #question-stats #révision-correct-total, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-correct-total, html body.qcm-workspace-active #question-stats .stats-word-accent.is-correct, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .stats-word-accent.is-correct, html body.qcm-workspace-active #question-stats .question-day-chip-status-word.is-correct, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip-status-word.is-correct { color: #16a34a !important; } html body.qcm-workspace-active #question-stats #révision-wrong-total, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-wrong-total, html body.qcm-workspace-active #question-stats .stats-word-accent.is-wrong, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .stats-word-accent.is-wrong, html body.qcm-workspace-active #question-stats .question-day-chip-status-word.is-wrong, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip-status-word.is-wrong { color: #dc2626 !important; } html body.qcm-workspace-active #question-stats .question-attempts-dropdown, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-dropdown, html body.qcm-workspace-active #question-stats .question-attempts-toggle, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; } @media (max-width: 768px) { html body.qcm-workspace-active #question-stats, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats { width: 100% !important; } html body.qcm-workspace-active #question-stats .question-stats-main-frame, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { max-width: calc(100vw - 18px) !important; padding: 7px 10px !important; gap: 8px !important; } html body.qcm-workspace-active #question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill, html body.qcm-workspace-active #question-stats .question-day-chip, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip, html body.qcm-workspace-active #question-stats .question-attempts-extra, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-extra { min-height: 30px !important; padding: 0 10px !important; font-size: 10px !important; } } html body.qcm-workspace-active #question-stats .question-attempts-empty, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-empty { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; padding: 0 12px !important; border-radius: 999px !important; border: 1.5px solid rgba(15, 23, 42, 0.72) !important; background: rgba(255, 255, 255, 0.02) !important; color: #1e293b !important; font-size: 11px !important; font-weight: 900 !important; white-space: nowrap !important; } html body.qcm-workspace-active #question-stats .question-attempts-toggle.filter-badge, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge { min-height: 32px !important; padding: 0 12px !important; border-radius: 999px !important; border: 1.5px solid rgba(15, 23, 42, 0.72) !important; background: rgba(255, 255, 255, 0.02) !important; background-image: none !important; color: #1e293b !important; box-shadow: none !important; font-size: 11px !important; font-weight: 900 !important; white-space: nowrap !important; cursor: pointer !important; } html body.qcm-workspace-active #question-stats .question-attempts-toggle.filter-badge:hover, html body.qcm-workspace-active #question-stats .question-attempts-dropdown.is-open .question-attempts-toggle.filter-badge, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge:hover, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-dropdown.is-open .question-attempts-toggle.filter-badge { background: rgba(248, 250, 252, 0.9) !important; border-color: rgba(30, 41, 59, 0.86) !important; color: #0f172a !important; } html body.qcm-workspace-active #question-stats .question-attempts-toggle.filter-badge .filter-badge-label, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge .filter-badge-label { color: inherit !important; font-weight: 900 !important; } html body.qcm-workspace-active #question-stats .question-attempts-toggle.filter-badge > i, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle.filter-badge > i { color: inherit !important; font-size: 10px !important; } html body.qcm-workspace-active #question-stats .question-attempts-menu.filter-selection-panel, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-menu.filter-selection-panel { top: calc(100% + 8px) !important; left: 0 !important; right: auto !important; display: flex !important; flex-direction: column !important; gap: 4px !important; min-width: 190px !important; max-width: min(280px, calc(100vw - 24px)) !important; padding: 6px !important; border-radius: 12px !important; border: 1px solid #cbd5e1 !important; background: rgba(255, 255, 255, 0.98) !important; background-image: none !important; box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16) !important; overflow-y: auto !important; } html body.qcm-workspace-active #question-stats .question-attempts-menu.filter-selection-panel[hidden], html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-menu.filter-selection-panel[hidden] { display: none !important; } html body.qcm-workspace-active #question-stats .question-attempts-date-item.filter-option-item, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-date-item.filter-option-item { justify-content: flex-start !important; padding: 7px 10px !important; margin-bottom: 0 !important; border-radius: 9px !important; background: #ffffff !important; color: #0f172a !important; font-size: 10px !important; font-weight: 800 !important; } html body.qcm-workspace-active #question-stats .question-attempts-date-item.filter-option-item:hover, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-date-item.filter-option-item:hover { background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important; } html body.qcm-workspace-active #question-stats .question-attempts-date-item.filter-option-item.selected, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-date-item.filter-option-item.selected { background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important; color: #ffffff !important; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-faculty { --workspace-tile-bg: #fbfdff; --workspace-tile-border: #d8e2ec; --workspace-tile-text: #526273; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-rotation { --workspace-tile-bg: #f2fdff; --workspace-tile-border: #c8f3f8; --workspace-tile-text: #12736f; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-year { --workspace-tile-bg: #f4f9ff; --workspace-tile-border: #cfe2ff; --workspace-tile-text: #2457c5; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-module { --workspace-tile-bg: #fffaf2; --workspace-tile-border: #fde3bf; --workspace-tile-text: #c56a1b; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-lesson { --workspace-tile-bg: #faf7ff; --workspace-tile-border: #e4dafd; --workspace-tile-text: #6e43cc; } html body.qcm-workspace-active #btn-mindmap-main { --workspace-tile-bg: #faf7ff; --workspace-tile-border: #e4dafd; --workspace-tile-text: #6e43cc; } html body.qcm-workspace-active #quality-rating-shell { --workspace-tile-bg: #f2fdff; --workspace-tile-border: #c8f3f8; --workspace-tile-text: #12736f; } html body.qcm-workspace-active #difficulty-rating-shell { --workspace-tile-bg: #fffaf2; --workspace-tile-border: #fde3bf; --workspace-tile-text: #c56a1b; } html body.qcm-workspace-active.split-companion-active #btn-study-main, html body.qcm-workspace-active.split-companion-active #btn-notes-main, html body.qcm-workspace-active.split-companion-active #btn-mindmap-main, html body.qcm-workspace-active.split-companion-active .inline-ai-btn, html body.qcm-workspace-active.split-companion-active .btn-ai-brief, html body.qcm-workspace-active.split-companion-active .btn-ai-detailed, html body.mindmap-focus-active #btn-study-main, html body.mindmap-focus-active #btn-notes-main, html body.mindmap-focus-active #btn-mindmap-main, html body.mindmap-focus-active .inline-ai-btn, html body.mindmap-focus-active .btn-ai-brief, html body.mindmap-focus-active .btn-ai-detailed, html body #study-modal[aria-hidden="false"] .btn-ai-brief, html body #study-modal[aria-hidden="false"] .btn-ai-detailed { display: none !important; } html body.qcm-workspace-active #question-stats, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats { display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; } html body.qcm-workspace-active #question-stats .question-stats-compact-row, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-compact-row { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; } html body.qcm-workspace-active #question-stats .stats-header, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .stats-header, html body.qcm-workspace-active #question-stats .question-stats-side-pills, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-side-pills { display: none !important; } html body.qcm-workspace-active #question-stats .question-stats-main-frame, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: fit-content !important; max-width: min(100%, 100vw - 28px) !important; min-width: 0 !important; margin: 0 auto !important; padding: 8px 14px !important; border: 2px solid rgba(30, 41, 59, 0.78) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.08) !important; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important; backdrop-filter: blur(10px) saturate(150%) !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; } html body.qcm-workspace-active #question-stats .question-stats-main-frame::-webkit-scrollbar, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar { display: none !important; } html body.qcm-workspace-active #question-stats .question-stats-pills, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { order: 1 !important; display: inline-flex !important; flex: 0 0 auto !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-width: max-content !important; width: auto !important; overflow: visible !important; white-space: nowrap !important; padding: 0 !important; margin: 0 !important; } html body.qcm-workspace-active #question-stats #révision-details, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-details { order: 2 !important; display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; min-width: max-content !important; width: auto !important; overflow: visible !important; white-space: nowrap !important; padding: 0 !important; margin: 0 !important; } html body.qcm-workspace-active #question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill, html body.qcm-workspace-active #question-stats .question-day-chip, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip, html body.qcm-workspace-active #question-stats .question-attempts-extra, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-extra { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; padding: 0 12px !important; border-radius: 999px !important; border: 1.5px solid rgba(30, 41, 59, 0.72) !important; background: rgba(255, 255, 255, 0.02) !important; box-shadow: none !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; } html body.qcm-workspace-active #question-stats #révision-count, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-count { color: #1e293b !important; } html body.qcm-workspace-active #question-stats #révision-correct-total, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-correct-total { color: #166534 !important; } html body.qcm-workspace-active #question-stats #révision-wrong-total, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #révision-wrong-total { color: #b91c1c !important; } html body.qcm-workspace-active #question-stats #session-score-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats #session-score-pill { color: #1e293b !important; } html body.qcm-workspace-active #question-stats .stats-word-accent.is-correct, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .stats-word-accent.is-correct { color: #16a34a !important; } html body.qcm-workspace-active #question-stats .stats-word-accent.is-wrong, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .stats-word-accent.is-wrong { color: #dc2626 !important; } html body.qcm-workspace-active #question-stats .question-attempts-dropdown, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-dropdown { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; } html body.qcm-workspace-active #question-stats .question-attempts-toggle, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; } html body.qcm-workspace-active #question-stats .question-day-chip-date, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip-date { color: #1e293b !important; font-weight: 900 !important; } html body.qcm-workspace-active #question-stats .question-day-chip-status-word.is-correct, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip-status-word.is-correct { color: #16a34a !important; } html body.qcm-workspace-active #question-stats .question-day-chip-status-word.is-wrong, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip-status-word.is-wrong { color: #dc2626 !important; } @media (max-width: 768px) { html body.qcm-workspace-active #question-stats, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats { min-width: 0 !important; width: 100% !important; } html body.qcm-workspace-active #question-stats .question-stats-main-frame, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { max-width: calc(100vw - 18px) !important; padding: 7px 10px !important; gap: 8px !important; } html body.qcm-workspace-active #question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill, html body.qcm-workspace-active #question-stats .question-day-chip, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip, html body.qcm-workspace-active #question-stats .question-attempts-extra, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-attempts-extra { min-height: 30px !important; padding: 0 10px !important; font-size: 10px !important; } } /* FINAL LOCK V2 (2026-04-17): guaranteed last overrides */ @media (max-width: 768px) { html body.qcm-workspace-active #workspace-topbar-mobile-line-1, html body.qcm-workspace-active #workspace-topbar-mobile-line-2, html body.qcm-workspace-active #workspace-topbar-mobile-line-3, html body.qcm-workspace-active #workspace-topbar-mobile-line-4, html body.qcm-workspace-active #workspace-topbar-mobile-line-5, html body.qcm-workspace-active #workspace-topbar-mobile-line-6, html body.qcm-workspace-active #workspace-topbar-mobile-line-7, html body.qcm-workspace-active #workspace-topbar-mobile-line-8 { height: 0.7cm !important; min-height: 0.7cm !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-1 { align-items: center !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-1 #btn-pause-main, html body.qcm-workspace-active #workspace-topbar-mobile-line-1 #quiz-timers-row, html body.qcm-workspace-active #workspace-topbar-mobile-line-1 #quiz-timers-row .mini-timer-pill { align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-4, html body.qcm-workspace-active #workspace-topbar-mobile-line-5 { overflow: visible !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-4 .filter-badge, html body.qcm-workspace-active #workspace-topbar-mobile-line-5 .filter-badge { border-top: 1.6px solid rgba(255, 255, 255, 0.82) !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-7 #btn-study-main { display: inline-flex !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-7 #btn-end-main { display: none !important; } } html body.qcm-workspace-active #quality-rating-shell .large-star:not(.active), html body.qcm-workspace-active #difficulty-rating-shell .large-star:not(.active) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { scrollbar-gutter: stable !important; scrollbar-width: thin !important; scrollbar-color: rgba(59, 130, 246, 0.9) rgba(191, 219, 254, 0.35) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar { width: 8px !important; height: 8px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-track { background: linear-gradient(180deg, rgba(224, 242, 254, 0.9) 0%, rgba(186, 230, 253, 0.58) 100%) !important; border: 1px solid rgba(125, 211, 252, 0.7) !important; border-radius: 999px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #f8fbff 0%, #9ec9f1 48%, #78afe5 100%) !important; border: 1px solid #5f98cf !important; border-radius: 999px !important; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb:hover, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-thumb:hover, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #ffffff 0%, #8ac0eb 44%, #5f9fdd 100%) !important; } html body.qcm-workspace-active .question-comment-card { border: 1.5px solid rgba(147, 197, 253, 0.94) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(243, 248, 255, 0.95) 100%) !important; } html body.qcm-workspace-active .question-comment-input { border: 1.5px solid rgba(147, 197, 253, 0.94) !important; border-radius: 14px !important; background: rgba(255, 255, 255, 0.98) !important; } html body.qcm-workspace-active .question-comment-item { border: 1.4px solid rgba(191, 219, 254, 0.95) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.95) 100%) !important; } html body.dark-theme.qcm-workspace-active .question-comment-card { border-color: rgba(96, 165, 250, 0.44) !important; background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(17, 24, 39, 0.96) 100%) !important; } html body.dark-theme.qcm-workspace-active .question-comment-input { border-color: rgba(96, 165, 250, 0.52) !important; background: rgba(15, 23, 42, 0.98) !important; } html body.dark-theme.qcm-workspace-active .question-comment-item { border-color: rgba(71, 85, 105, 0.52) !important; background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(17, 24, 39, 0.95) 100%) !important; } /* FINAL LOCK (2026-04-17): keep these rules last */ @media (max-width: 768px) { html body.qcm-workspace-active #workspace-topbar-mobile-line-1, html body.qcm-workspace-active #workspace-topbar-mobile-line-2, html body.qcm-workspace-active #workspace-topbar-mobile-line-3, html body.qcm-workspace-active #workspace-topbar-mobile-line-4, html body.qcm-workspace-active #workspace-topbar-mobile-line-5, html body.qcm-workspace-active #workspace-topbar-mobile-line-6, html body.qcm-workspace-active #workspace-topbar-mobile-line-7, html body.qcm-workspace-active #workspace-topbar-mobile-line-8 { height: 0.7cm !important; min-height: 0.7cm !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-1 { align-items: center !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-1 #btn-pause-main, html body.qcm-workspace-active #workspace-topbar-mobile-line-1 #quiz-timers-row, html body.qcm-workspace-active #workspace-topbar-mobile-line-1 #quiz-timers-row .mini-timer-pill { align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-4, html body.qcm-workspace-active #workspace-topbar-mobile-line-5 { overflow: visible !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-4 .filter-badge, html body.qcm-workspace-active #workspace-topbar-mobile-line-5 .filter-badge { border-top: 1.6px solid rgba(255, 255, 255, 0.82) !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-7 #btn-study-main { display: inline-flex !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-7 #btn-end-main { display: none !important; } } html body.qcm-workspace-active #quality-rating-shell .large-star:not(.active), html body.qcm-workspace-active #difficulty-rating-shell .large-star:not(.active) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { scrollbar-gutter: stable !important; scrollbar-width: thin !important; scrollbar-color: rgba(59, 130, 246, 0.9) rgba(191, 219, 254, 0.35) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar { width: 8px !important; height: 8px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-track { background: linear-gradient(180deg, rgba(224, 242, 254, 0.9) 0%, rgba(186, 230, 253, 0.58) 100%) !important; border: 1px solid rgba(125, 211, 252, 0.7) !important; border-radius: 999px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #f8fbff 0%, #9ec9f1 48%, #78afe5 100%) !important; border: 1px solid #5f98cf !important; border-radius: 999px !important; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb:hover, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-thumb:hover, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #ffffff 0%, #8ac0eb 44%, #5f9fdd 100%) !important; } html body.qcm-workspace-active .question-comment-card { border: 1.5px solid rgba(147, 197, 253, 0.94) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(243, 248, 255, 0.95) 100%) !important; } html body.qcm-workspace-active .question-comment-input { border: 1.5px solid rgba(147, 197, 253, 0.94) !important; border-radius: 14px !important; background: rgba(255, 255, 255, 0.98) !important; } html body.qcm-workspace-active .question-comment-item { border: 1.4px solid rgba(191, 219, 254, 0.95) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.95) 100%) !important; } html body.dark-theme.qcm-workspace-active .question-comment-card { border-color: rgba(96, 165, 250, 0.44) !important; background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(17, 24, 39, 0.96) 100%) !important; } html body.dark-theme.qcm-workspace-active .question-comment-input { border-color: rgba(96, 165, 250, 0.52) !important; background: rgba(15, 23, 42, 0.98) !important; } html body.dark-theme.qcm-workspace-active .question-comment-item { border-color: rgba(71, 85, 105, 0.52) !important; background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(17, 24, 39, 0.95) 100%) !important; } /* Final mobile topbar + modern stats-scroll + comment-frame fixes */ @media (max-width: 768px) { html body.qcm-workspace-active #workspace-topbar-mobile-line-1 { align-items: center !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-1 #btn-pause-main, html body.qcm-workspace-active #workspace-topbar-mobile-line-1 #quiz-timers-row, html body.qcm-workspace-active #workspace-topbar-mobile-line-1 #quiz-timers-row .mini-timer-pill { align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-7 #btn-study-main { display: inline-flex !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-7 #btn-end-main { display: none !important; } html body.qcm-workspace-active #workspace-topbar-mobile-line-4 .filter-badge, html body.qcm-workspace-active #workspace-topbar-mobile-line-5 .filter-badge { border-top-style: solid !important; border-top-width: 1.5px !important; } } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { scrollbar-width: thin !important; scrollbar-color: rgba(59, 130, 246, 0.9) rgba(186, 230, 253, 0.32) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar { height: 8px !important; width: 8px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-track { background: linear-gradient(180deg, rgba(224, 242, 254, 0.9) 0%, rgba(186, 230, 253, 0.6) 100%) !important; border: 1px solid rgba(125, 211, 252, 0.7) !important; border-radius: 999px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #f8fbff 0%, #9ec9f1 46%, #76aee5 100%) !important; border: 1px solid #5f98cf !important; border-radius: 999px !important; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.22) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb:hover, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-thumb:hover, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #ffffff 0%, #89bee9 40%, #5d9edc 100%) !important; } html body.qcm-workspace-active .question-comment-card { border: 1.5px solid rgba(147, 197, 253, 0.94) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(243, 248, 255, 0.95) 100%) !important; box-shadow: 0 12px 24px rgba(59, 130, 246, 0.1) !important; } html body.qcm-workspace-active .question-comment-input { border: 1.5px solid rgba(147, 197, 253, 0.94) !important; border-radius: 14px !important; padding: 10px 12px !important; background: rgba(255, 255, 255, 0.98) !important; } html body.qcm-workspace-active .question-comment-item { border: 1.4px solid rgba(191, 219, 254, 0.95) !important; border-radius: 14px !important; padding: 10px 11px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.95) 100%) !important; } html body.dark-theme.qcm-workspace-active .question-comment-card { border-color: rgba(96, 165, 250, 0.44) !important; background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(17, 24, 39, 0.96) 100%) !important; box-shadow: 0 14px 28px rgba(2, 6, 23, 0.38) !important; } html body.dark-theme.qcm-workspace-active .question-comment-input { border-color: rgba(96, 165, 250, 0.52) !important; background: rgba(15, 23, 42, 0.98) !important; } html body.dark-theme.qcm-workspace-active .question-comment-item { border-color: rgba(71, 85, 105, 0.52) !important; background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(17, 24, 39, 0.95) 100%) !important; } /* Final hard overrides v2 */ html body.qcm-workspace-active #workspace-topbar-row-3 #btn-end-main { display: none !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-prev-main { order: 10 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-study-main { order: 20 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-notes-main { order: 30 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-explain-main { order: 40 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-schema-main { order: 50 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host { order: 60 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .question-actions-after-options { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 4px !important; margin: 0 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-ai-btn:not(.is-detailed) { order: 71 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-ai-btn.is-detailed { order: 72 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-end-btn { order: 73 !important; background: linear-gradient(180deg, #c81c45 0%, #b6153c 100%) !important; border: 1.5px solid #b5163b !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(182, 21, 60, 0.22) !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-end-btn * { color: #ffffff !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-todo-btn { order: 74 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-verify-btn { order: 75 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-next-btn { order: 76 !important; } html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input, html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:focus, html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:active { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; caret-color: #1f2937 !important; } html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder, html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-webkit-input-placeholder, html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-moz-placeholder, html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:-ms-input-placeholder { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; opacity: 1 !important; } html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { background: linear-gradient(180deg, #97cff8 0%, #87c2ef 100%) !important; border: 1.5px solid #74b0df !important; border-radius: 999px !important; } html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame, html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days, html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { scrollbar-color: rgba(255, 255, 255, 0.98) rgba(255, 255, 255, 0.98) !important; } html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-track, html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-track, html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-track { background: #ffffff !important; } html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb, html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-thumb, html body:not(.dark-theme).qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-thumb { background: #ffffff !important; border: 1px solid #8fbde0 !important; border-radius: 999px !important; } html body:not(.dark-theme).qcm-workspace-active #auto-explanation-container.auto-explanation { background: #ffffff !important; border: 1.5px solid #dbe5ef !important; box-shadow: 0 24px 60px rgba(2, 6, 23, 0.25) !important; } html body:not(.dark-theme).qcm-workspace-active #auto-explanation-container .explanation-header, html body:not(.dark-theme).qcm-workspace-active #auto-explanation-content, html body:not(.dark-theme).qcm-workspace-active #auto-explanation-content * { background: #ffffff !important; color: #1e293b !important; } html body.overlay-panels-open, html body.overlay-panels-open #main-content, html body.overlay-panels-open #setup-section { padding-top: 0 !important; } html body.overlay-panels-open .app-global-top-bar { display: none !important; } /* Final hard overrides: action order + overlay chrome + color fixes */ html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-bar { order: 1 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host { order: 2 !important; display: inline-flex !important; align-items: center !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-prev-main { order: 10 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-study-main { order: 20 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-notes-main { order: 30 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-explain-main { order: 40 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-schema-main { order: 50 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host { order: 60 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-end-main { display: none !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .question-actions-after-options { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 4px !important; margin: 0 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-ai-btn:not(.is-detailed) { order: 71 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-ai-btn.is-detailed { order: 72 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-end-btn { order: 73 !important; background: linear-gradient(180deg, #c81c45 0%, #b6153c 100%) !important; border: 1.5px solid #b5163b !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(182, 21, 60, 0.22) !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-end-btn * { color: #ffffff !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-todo-btn { order: 74 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-verify-btn { order: 75 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-next-btn { order: 76 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:focus, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:active { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; caret-color: #1f2937 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:-ms-input-placeholder { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; opacity: 1 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { background: linear-gradient(180deg, #97cff8 0%, #87c2ef 100%) !important; border: 1.5px solid #74b0df !important; border-radius: 999px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { scrollbar-color: rgba(255, 255, 255, 0.98) rgba(255, 255, 255, 0.98) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-track { background: #ffffff !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-thumb { background: #ffffff !important; border: 1px solid #8fbde0 !important; border-radius: 999px !important; } html body.qcm-workspace-active #auto-explanation-container.auto-explanation { background: #ffffff !important; border: 1.5px solid #dbe5ef !important; box-shadow: 0 24px 60px rgba(2, 6, 23, 0.25) !important; } html body.qcm-workspace-active #auto-explanation-container .explanation-header, html body.qcm-workspace-active #auto-explanation-content, html body.qcm-workspace-active #auto-explanation-content * { background: #ffffff !important; color: #1e293b !important; } html body.overlay-panels-open, html body.overlay-panels-open #main-content, html body.overlay-panels-open #setup-section { padding-top: 0 !important; } html body.overlay-panels-open .app-global-top-bar { display: none !important; } html body.qcm-workspace-active .inline-verify-btn.inline-end-btn { --workspace-tile-bg: #fdecec; --workspace-tile-border: #f5b7b1; --workspace-tile-text: #b42318; } html body.qcm-workspace-active .inline-verify-btn.inline-end-btn, html body.qcm-workspace-active .inline-verify-btn.inline-end-btn * { color: #fff1f1 !important; } html body.qcm-workspace-active .workspace-topbar-subrow { scrollbar-width: none !important; } html body.qcm-workspace-active .workspace-topbar-subrow::-webkit-scrollbar { display: none !important; } html body.qcm-workspace-active #question-stats .question-stats-days { scrollbar-color: rgba(255, 255, 255, 0.96) rgba(255, 255, 255, 0.96) !important; } html body.qcm-workspace-active #question-stats .question-stats-days::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.96) !important; border-radius: 999px !important; } html body.qcm-workspace-active #question-stats .question-stats-days::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.98) !important; border-radius: 999px !important; } /* Final neutral text + white stats scroll + compact filters */ html body.qcm-workspace-active #quiz-timers-row .mini-timer-pill, html body.qcm-workspace-active #quiz-timers-row .mini-timer-pill *, html body.qcm-workspace-active #quick-search-wrapper, html body.qcm-workspace-active #quick-search-wrapper *, html body.qcm-workspace-active #question-stats, html body.qcm-workspace-active #question-stats *, html body.qcm-workspace-active #question-filters-bar .filter-badge, html body.qcm-workspace-active #question-filters-bar .filter-badge *, html body.qcm-workspace-active #btn-mindmap-main, html body.qcm-workspace-active #btn-mindmap-main *, html body.qcm-workspace-active #quality-rating-shell, html body.qcm-workspace-active #quality-rating-shell > span, html body.qcm-workspace-active #difficulty-rating-shell, html body.qcm-workspace-active #difficulty-rating-shell > span, html body.qcm-workspace-active #btn-study-main, html body.qcm-workspace-active #btn-study-main *, html body.qcm-workspace-active #btn-notes-main, html body.qcm-workspace-active #btn-notes-main *, html body.qcm-workspace-active #btn-close-companion-main, html body.qcm-workspace-active #btn-close-companion-main *, html body.qcm-workspace-active #btn-explain-main, html body.qcm-workspace-active #btn-explain-main *, html body.qcm-workspace-active #btn-schema-main, html body.qcm-workspace-active #btn-schema-main *, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn *, html body.qcm-workspace-active .inline-ai-btn, html body.qcm-workspace-active .inline-ai-btn * { color: #161616 !important; } html body.qcm-workspace-active #question-stats .question-stats-days { scrollbar-color: rgba(255, 255, 255, 0.99) rgba(255, 255, 255, 0.99) !important; } html body.qcm-workspace-active #question-stats .question-stats-days::-webkit-scrollbar-track, html body.qcm-workspace-active #question-stats .question-stats-days::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.99) !important; } html body.qcm-workspace-active #question-filters-bar .filter-badge, html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge { height: 21px !important; min-height: 21px !important; padding: 0 8px !important; font-size: 9px !important; line-height: 1 !important; } html body.qcm-workspace-active #question-filters-bar .filter-badge i, html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge i { font-size: 8px !important; } /* Final workspace topbar palette and visibility fixes */ html body:not(.qcm-workspace-active) .app-global-top-bar, html body:not(.qcm-workspace-active) #workspace-topbar-host, html body:not(.qcm-workspace-active) #quiz-top-unified-card { display: none !important; } html body.qcm-workspace-active #question-stats { background: linear-gradient(135deg, #a9d5fb 0%, #90c6f3 100%) !important; border: 1.5px solid #9dc9ee !important; border-radius: 24px !important; box-shadow: 0 12px 26px rgba(114, 164, 215, 0.18) !important; overflow: hidden !important; color: #1f2937 !important; } html body.qcm-workspace-active #question-stats .question-stats-main-frame, html body.qcm-workspace-active #question-stats .question-stats-pills, html body.qcm-workspace-active #question-stats .question-stats-side-pills, html body.qcm-workspace-active #question-stats .question-stats-pill, html body.qcm-workspace-active #question-stats .question-day-chip, html body.qcm-workspace-active #question-stats .question-day-chip *, html body.qcm-workspace-active #question-stats .question-stats-pill *, html body.qcm-workspace-active #question-stats #révision-details, html body.qcm-workspace-active #question-stats #révision-details * { background: transparent !important; border-color: transparent !important; color: #1f2937 !important; box-shadow: none !important; } html body.qcm-workspace-active #question-stats .question-stats-days { scrollbar-color: rgba(255, 255, 255, 0.99) rgba(255, 255, 255, 0.99) !important; } html body.qcm-workspace-active #question-stats .question-stats-days::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.94) !important; border-radius: 999px !important; } html body.qcm-workspace-active #question-stats .question-stats-days::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.99) !important; border-radius: 999px !important; } html body.qcm-workspace-active #quiz-timers-row .timer-total { --workspace-tile-bg: #b8dcff; --workspace-tile-border: #a8cbed; --workspace-tile-text: #214a73; } html body.qcm-workspace-active #question-total-timer, html body.qcm-workspace-active #quiz-timers-row .timer-total *, html body.qcm-workspace-active #quiz-timers-row .timer-total i { color: #214a73 !important; } html body.qcm-workspace-active #quiz-timers-row .timer-qcm { --workspace-tile-bg: #aee5ea; --workspace-tile-border: #94d8df; --workspace-tile-text: #1a666b; } html body.qcm-workspace-active #question-q-timer, html body.qcm-workspace-active #quiz-timers-row .timer-qcm *, html body.qcm-workspace-active #quiz-timers-row .timer-qcm i { color: #1a666b !important; } html body.qcm-workspace-active #quick-search-wrapper { --workspace-tile-bg: #f9fafc; --workspace-tile-border: #d7dbe3; --workspace-tile-text: #5d6570; } html body.qcm-workspace-active #desktop-quick-search-input { color: #5d6570 !important; caret-color: #5d6570 !important; } html body.qcm-workspace-active #desktop-quick-search-input::placeholder { color: #8b94a0 !important; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-faculty { --workspace-tile-bg: #b7efd8; --workspace-tile-border: #a3e0ca; --workspace-tile-text: #2f7052; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-rotation { --workspace-tile-bg: #ffd0b6; --workspace-tile-border: #ffc1a1; --workspace-tile-text: #8b5832; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-year { --workspace-tile-bg: #8fa2c3; --workspace-tile-border: #7f95b8; --workspace-tile-text: #283f59; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-module { --workspace-tile-bg: #e25a4b; --workspace-tile-border: #d34f40; --workspace-tile-text: #fff7f5; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-lesson { --workspace-tile-bg: #7b3f8a; --workspace-tile-border: #6e397c; --workspace-tile-text: #fff7ff; } html body.qcm-workspace-active #btn-mindmap-main { --workspace-tile-bg: #b79df8; --workspace-tile-border: #a990ef; --workspace-tile-text: #5a2d90; } html body.qcm-workspace-active #btn-mindmap-main, html body.qcm-workspace-active #btn-mindmap-main * { color: #5a2d90 !important; } html body.qcm-workspace-active #quality-rating-shell { --workspace-tile-bg: #a7e4e2; --workspace-tile-border: #90d8d8; --workspace-tile-text: #166d70; } html body.qcm-workspace-active #quality-rating-shell, html body.qcm-workspace-active #quality-rating-shell > span, html body.qcm-workspace-active #quality-rating-shell * { color: #166d70 !important; } html body.qcm-workspace-active #quality-rating-shell .large-star, html body.qcm-workspace-active #rating-quality .large-star { color: #73c5c2 !important; -webkit-text-fill-color: #73c5c2 !important; } html body.qcm-workspace-active #quality-rating-shell .large-star.active, html body.qcm-workspace-active #quality-rating-shell .large-star:hover, html body.qcm-workspace-active #quality-rating-shell .large-star:active, html body.qcm-workspace-active #rating-quality .large-star.active, html body.qcm-workspace-active #rating-quality .large-star:hover, html body.qcm-workspace-active #rating-quality .large-star:active { color: #166d70 !important; -webkit-text-fill-color: #166d70 !important; } html body.qcm-workspace-active #difficulty-rating-shell { --workspace-tile-bg: #ffd47d; --workspace-tile-border: #f4c76d; --workspace-tile-text: #9f6911; } html body.qcm-workspace-active #difficulty-rating-shell, html body.qcm-workspace-active #difficulty-rating-shell > span, html body.qcm-workspace-active #difficulty-rating-shell * { color: #9f6911 !important; } html body.qcm-workspace-active #difficulty-rating-shell .large-star, html body.qcm-workspace-active #rating-difficulty .large-star { color: #d79b27 !important; -webkit-text-fill-color: #d79b27 !important; } html body.qcm-workspace-active #difficulty-rating-shell .large-star.active, html body.qcm-workspace-active #difficulty-rating-shell .large-star:hover, html body.qcm-workspace-active #difficulty-rating-shell .large-star:active, html body.qcm-workspace-active #rating-difficulty .large-star.active, html body.qcm-workspace-active #rating-difficulty .large-star:hover, html body.qcm-workspace-active #rating-difficulty .large-star:active { color: #aa730e !important; -webkit-text-fill-color: #aa730e !important; } html body.qcm-workspace-active #btn-prev-main, html body.qcm-workspace-active #btn-prev-main * { color: #2f556f !important; } html body.qcm-workspace-active #btn-study-main, html body.qcm-workspace-active #btn-study-main * { color: #56662d !important; } html body.qcm-workspace-active #btn-notes-main, html body.qcm-workspace-active #btn-notes-main * { color: #7a6217 !important; } html body.qcm-workspace-active #btn-explain-main, html body.qcm-workspace-active #btn-explain-main * { color: #fff4ea !important; } html body.qcm-workspace-active #btn-end-main, html body.qcm-workspace-active #btn-end-main * { color: #fff1f1 !important; } html body.qcm-workspace-active #btn-schema-main, html body.qcm-workspace-active #btn-schema-main * { color: #f3fffb !important; } html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn * { color: #f2f8ff !important; } html body.qcm-workspace-active .inline-ai-btn:not(.is-detailed), html body.qcm-workspace-active .inline-ai-btn:not(.is-detailed) * { color: #fff7fb !important; } html body.qcm-workspace-active .inline-ai-btn.is-detailed, html body.qcm-workspace-active .inline-ai-btn.is-detailed * { color: #fff7ff !important; } html body.qcm-workspace-active .inline-verify-btn, html body.qcm-workspace-active .inline-verify-btn * { color: #1f4f09 !important; } html body.qcm-workspace-active .inline-todo-btn, html body.qcm-workspace-active .inline-todo-btn * { color: #f7fbff !important; } html body.qcm-workspace-active .inline-next-btn, html body.qcm-workspace-active .inline-next-btn * { color: #f4fbff !important; } html body.qcm-workspace-active #quiz-top-unified-card { gap: 2mm !important; padding-top: 2mm !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } html body.qcm-workspace-active #workspace-topbar-row-1, html body.qcm-workspace-active #workspace-topbar-row-2, html body.qcm-workspace-active #workspace-topbar-row-3, html body.qcm-workspace-active #workspace-topbar-row-4, html body.qcm-workspace-active #workspace-topbar-row-1 #quiz-top-row, html body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row, html body.qcm-workspace-active #workspace-topbar-row-4 #qcm-inline-actions-host { gap: 2mm !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #quiz-top-row, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats, html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar, html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-bar, html body.qcm-workspace-active #workspace-topbar-row-4 #qcm-inline-actions-host, html body.qcm-workspace-active #workspace-topbar-row-4 #schema-workspace-panel-host, html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row, html body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row { margin: 0 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row { margin-bottom: 0 !important; } @media (min-width: 769px) { html body.qcm-workspace-active.split-companion-active #quiz-panel.test-workspace.split-companion-qcm-panel { margin-top: 0.5cm !important; } } html body.qcm-workspace-active #quiz-timers-row .mini-timer-pill, html body.qcm-workspace-active #quick-search-wrapper, html body.qcm-workspace-active #question-stats .question-stats-pill, html body.qcm-workspace-active #question-stats .question-day-chip, html body.qcm-workspace-active #question-filters-bar .filter-badge, html body.qcm-workspace-active #btn-mindmap-main, html body.qcm-workspace-active #quality-rating-shell, html body.qcm-workspace-active #difficulty-rating-shell, html body.qcm-workspace-active #qcm-control-main-row > button, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn, html body.qcm-workspace-active .inline-ai-btn, html body.qcm-workspace-active .inline-verify-btn, html body.qcm-workspace-active .inline-todo-btn, html body.qcm-workspace-active .inline-next-btn { background: var(--workspace-tile-bg, #ffffff) !important; background-color: var(--workspace-tile-bg, #ffffff) !important; background-image: none !important; border-color: var(--workspace-tile-border, #d8e3f0) !important; color: var(--workspace-tile-text, #0f172a) !important; } html body.qcm-workspace-active #quiz-timers-row .mini-timer-pill:hover, html body.qcm-workspace-active #quick-search-wrapper:hover, html body.qcm-workspace-active #quick-search-wrapper:focus-within, html body.qcm-workspace-active #question-stats .question-stats-pill:hover, html body.qcm-workspace-active #question-stats .question-day-chip:hover, html body.qcm-workspace-active #question-filters-bar .filter-badge:hover, html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-badge-open, html body.qcm-workspace-active #question-filters-bar .filter-badge.active, html body.qcm-workspace-active #btn-mindmap-main:hover, html body.qcm-workspace-active #btn-mindmap-main:focus-visible, html body.qcm-workspace-active #quality-rating-shell:hover, html body.qcm-workspace-active #difficulty-rating-shell:hover, html body.qcm-workspace-active #qcm-control-main-row > button:hover, html body.qcm-workspace-active #qcm-control-main-row > button:focus-visible, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn:hover, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn:focus-visible, html body.qcm-workspace-active .inline-ai-btn:hover, html body.qcm-workspace-active .inline-ai-btn:focus-visible, html body.qcm-workspace-active .inline-verify-btn:hover, html body.qcm-workspace-active .inline-verify-btn:focus-visible, html body.qcm-workspace-active .inline-todo-btn:hover, html body.qcm-workspace-active .inline-todo-btn:focus-visible, html body.qcm-workspace-active .inline-next-btn:hover, html body.qcm-workspace-active .inline-next-btn:focus-visible { background: var(--workspace-tile-bg, #ffffff) !important; background-color: var(--workspace-tile-bg, #ffffff) !important; background-image: none !important; border-color: var(--workspace-tile-border, #d8e3f0) !important; color: var(--workspace-tile-text, #0f172a) !important; } html body.qcm-workspace-active #quiz-timers-row .mini-timer-pill *, html body.qcm-workspace-active #question-stats .question-stats-pill *, html body.qcm-workspace-active #question-stats .question-day-chip *, html body.qcm-workspace-active #question-filters-bar .filter-badge *, html body.qcm-workspace-active #btn-mindmap-main *, html body.qcm-workspace-active #quality-rating-shell > span, html body.qcm-workspace-active #difficulty-rating-shell > span, html body.qcm-workspace-active #qcm-control-main-row > button *, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn *, html body.qcm-workspace-active .inline-ai-btn *, html body.qcm-workspace-active .inline-verify-btn *, html body.qcm-workspace-active .inline-todo-btn *, html body.qcm-workspace-active .inline-next-btn * { color: inherit !important; } html body.qcm-workspace-active #quiz-timers-row .timer-total { --workspace-tile-bg: #fdf2f8; --workspace-tile-border: #f5c2d7; --workspace-tile-text: #9d174d; } html body.qcm-workspace-active #question-total-timer { color: #831843 !important; } html body.qcm-workspace-active #quiz-timers-row .timer-qcm { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #166534; } html body.qcm-workspace-active #question-q-timer { color: #14532d !important; } html body.qcm-workspace-active #quick-search-wrapper { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active #desktop-quick-search-input { background: transparent !important; color: #1e3a8a !important; caret-color: #1d4ed8 !important; } html body.qcm-workspace-active #desktop-quick-search-input::placeholder { color: #64748b !important; } html body.qcm-workspace-active #révision-count { --workspace-tile-bg: #eef2ff; --workspace-tile-border: #c7d2fe; --workspace-tile-text: #4338ca; } html body.qcm-workspace-active #révision-correct-total { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active #révision-wrong-total { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #dc2626; } html body.qcm-workspace-active #session-score-pill { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #question-stats .question-day-chip.empty { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #475569; } html body.qcm-workspace-active #question-stats .question-day-chip.correct-only { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #166534; } html body.qcm-workspace-active #question-stats .question-day-chip.wrong-only { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #b91c1c; } html body.qcm-workspace-active #question-stats .question-day-chip.mixed { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-faculty { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #475569; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-rotation { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-year { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-module { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-lesson { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #btn-mindmap-main { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #quality-rating-shell { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #difficulty-rating-shell { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #quality-rating-shell .large-star, html body.qcm-workspace-active #rating-quality .large-star { color: #8fd1c5 !important; -webkit-text-fill-color: #8fd1c5 !important; } html body.qcm-workspace-active #quality-rating-shell .large-star.active, html body.qcm-workspace-active #quality-rating-shell .large-star:hover, html body.qcm-workspace-active #quality-rating-shell .large-star:active, html body.qcm-workspace-active #rating-quality .large-star.active, html body.qcm-workspace-active #rating-quality .large-star:hover, html body.qcm-workspace-active #rating-quality .large-star:active { color: #0f766e !important; -webkit-text-fill-color: #0f766e !important; } html body.qcm-workspace-active #difficulty-rating-shell .large-star, html body.qcm-workspace-active #rating-difficulty .large-star { color: #fdba74 !important; -webkit-text-fill-color: #fdba74 !important; } html body.qcm-workspace-active #difficulty-rating-shell .large-star.active, html body.qcm-workspace-active #difficulty-rating-shell .large-star:hover, html body.qcm-workspace-active #difficulty-rating-shell .large-star:active, html body.qcm-workspace-active #rating-difficulty .large-star.active, html body.qcm-workspace-active #rating-difficulty .large-star:hover, html body.qcm-workspace-active #rating-difficulty .large-star:active { color: #c2410c !important; -webkit-text-fill-color: #c2410c !important; } html body.qcm-workspace-active #btn-prev-main { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #334155; } html body.qcm-workspace-active #btn-study-main { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active #btn-notes-main { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #btn-close-companion-main { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #dc2626; } html body.qcm-workspace-active #btn-explain-main { --workspace-tile-bg: #eef2ff; --workspace-tile-border: #c7d2fe; --workspace-tile-text: #4338ca; } html body.qcm-workspace-active #btn-end-main { --workspace-tile-bg: #fdecec; --workspace-tile-border: #f5b7b1; --workspace-tile-text: #b42318; } html body.qcm-workspace-active #btn-schema-main { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn { --workspace-tile-bg: #f0f9ff; --workspace-tile-border: #bae6fd; --workspace-tile-text: #0369a1; } html body.qcm-workspace-active .inline-ai-btn { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active .inline-ai-btn.is-detailed { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active .inline-verify-btn { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active .inline-todo-btn { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active .inline-next-btn { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #main-content { overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior-y: contain !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-x pan-y pinch-zoom !important; scrollbar-gutter: stable !important; } html body.qcm-workspace-active #main-content > .app-top-banner { display: none !important; } html body.qcm-workspace-active #setup-section.test-workspace-active { flex: 0 0 auto !important; height: auto !important; min-height: calc(100vh - var(--app-top-banner-height, 0px)) !important; min-height: calc(100dvh - var(--app-top-banner-height, 0px)) !important; max-height: none !important; overflow: visible !important; } html body.qcm-workspace-active #quiz-panel.test-workspace #quiz-main-column, html body.qcm-workspace-active #quiz-panel.test-workspace #question-card-wrapper, html body.qcm-workspace-active #quiz-panel.test-workspace #question-card, html body.qcm-workspace-active #quiz-panel.test-workspace #question-card .question-card-body { overflow: visible !important; max-height: none !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .mini-timer-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip, html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge, html body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main, html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell, html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row > button, html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host .large-translate-btn, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-ai-btn, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-verify-btn, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-todo-btn, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-next-btn { background: var(--workspace-tile-bg, #ffffff) !important; background-color: var(--workspace-tile-bg, #ffffff) !important; background-image: none !important; border-color: var(--workspace-tile-border, #d8e3f0) !important; color: var(--workspace-tile-text, #0f172a) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .mini-timer-pill:hover, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper:hover, html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper:focus-within, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill:hover, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip:hover, html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge:hover, html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge.filter-badge-open, html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge.active, html body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main:hover, html body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main:focus-visible, html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell:hover, html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell:hover, html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row > button:hover, html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row > button:focus-visible, html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host .large-translate-btn:hover, html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host .large-translate-btn:focus-visible, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-ai-btn:hover, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-ai-btn:focus-visible, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-verify-btn:hover, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-verify-btn:focus-visible, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-todo-btn:hover, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-todo-btn:focus-visible, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-next-btn:hover, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-next-btn:focus-visible { background: var(--workspace-tile-bg, #ffffff) !important; background-color: var(--workspace-tile-bg, #ffffff) !important; background-image: none !important; border-color: var(--workspace-tile-border, #d8e3f0) !important; color: var(--workspace-tile-text, #0f172a) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .mini-timer-pill *, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pill *, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip *, html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge *, html body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main *, html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell > span, html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell > span, html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row > button *, html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host .large-translate-btn *, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-ai-btn *, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-verify-btn *, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-todo-btn *, html body.qcm-workspace-active #workspace-topbar-row-4 .inline-next-btn * { color: inherit !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .timer-total { --workspace-tile-bg: #fdf2f8; --workspace-tile-border: #f5c2d7; --workspace-tile-text: #9d174d; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-total-timer { color: #831843 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #quiz-timers-row .timer-qcm { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #166534; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-q-timer { color: #14532d !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #quick-search-wrapper { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input { background: transparent !important; color: #1e3a8a !important; caret-color: #1d4ed8 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder { color: #64748b !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #révision-count { --workspace-tile-bg: #eef2ff; --workspace-tile-border: #c7d2fe; --workspace-tile-text: #4338ca; } html body.qcm-workspace-active #workspace-topbar-row-1 #révision-correct-total { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active #workspace-topbar-row-1 #révision-wrong-total { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #dc2626; } html body.qcm-workspace-active #workspace-topbar-row-1 #session-score-pill { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip.empty { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #475569; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip.correct-only { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #166534; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip.wrong-only { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #b91c1c; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-day-chip.mixed { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge.filter-faculty { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #475569; } html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge.filter-rotation { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge.filter-year { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge.filter-module { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #workspace-topbar-row-2 .filter-badge.filter-lesson { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell .large-star, html body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star { color: #8fd1c5 !important; -webkit-text-fill-color: #8fd1c5 !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell .large-star.active, html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell .large-star:hover, html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell .large-star:active, html body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star.active, html body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star:hover, html body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star:active { color: #0f766e !important; -webkit-text-fill-color: #0f766e !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell .large-star, html body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star { color: #fdba74 !important; -webkit-text-fill-color: #fdba74 !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell .large-star.active, html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell .large-star:hover, html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell .large-star:active, html body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star.active, html body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star:hover, html body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star:active { color: #c2410c !important; -webkit-text-fill-color: #c2410c !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-prev-main { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #334155; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-study-main { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-notes-main { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-close-companion-main { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #dc2626; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-explain-main { --workspace-tile-bg: #eef2ff; --workspace-tile-border: #c7d2fe; --workspace-tile-text: #4338ca; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-end-main { --workspace-tile-bg: #fdecec; --workspace-tile-border: #f5b7b1; --workspace-tile-text: #b42318; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-schema-main { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host .large-translate-btn { --workspace-tile-bg: #f0f9ff; --workspace-tile-border: #bae6fd; --workspace-tile-text: #0369a1; } html body.qcm-workspace-active #workspace-topbar-row-4 .inline-ai-btn { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active #workspace-topbar-row-4 .inline-ai-btn.is-detailed { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #workspace-topbar-row-4 .inline-verify-btn { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active #workspace-topbar-row-4 .inline-todo-btn { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #workspace-topbar-row-4 .inline-next-btn { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } body.qcm-workspace-active { overflow: hidden !important; height: 100% !important; min-height: 100vh !important; min-height: 100dvh !important; } body.qcm-workspace-active #main-content { height: calc(100vh - var(--app-top-banner-height, 0px)) !important; height: calc(100dvh - var(--app-top-banner-height, 0px)) !important; min-height: 0 !important; overflow: hidden !important; } body.qcm-workspace-active #setup-section.test-workspace-active { flex: 1 1 auto !important; min-height: 0 !important; max-height: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-x pan-y pinch-zoom !important; scroll-padding-top: 12px !important; scrollbar-gutter: stable; } @media (min-width: 769px) { html body.qcm-workspace-active.split-companion-active #main-content { margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } html body.qcm-workspace-active.split-companion-active #setup-section.test-workspace-active { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 10px !important; align-items: start !important; justify-content: stretch !important; padding: 0 0 16px 0 !important; } html body.qcm-workspace-active.split-companion-active .app-global-top-bar { left: var(--workspace-split-qcm-left, 50vw) !important; right: auto !important; width: var(--workspace-split-qcm-width, 50vw) !important; padding: 0 6px !important; } html body.qcm-workspace-active.split-companion-active #workspace-topbar-host, html body.qcm-workspace-active.split-companion-active #quiz-top-unified-card { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } html body.qcm-workspace-active.split-companion-active #quiz-panel.test-workspace.split-companion-qcm-panel { grid-column: 2 !important; width: 100% !important; max-width: none !important; min-width: 0 !important; grid-template-columns: minmax(0, 1fr) !important; } html body.qcm-workspace-active.split-companion-active #quiz-panel.test-workspace.split-companion-qcm-panel #quiz-main-column { margin-right: 0 !important; } } body.qcm-workspace-active .app-global-top-bar { z-index: 12000 !important; } body.qcm-workspace-active #schema-workspace-panel-host, body.qcm-workspace-active #workspace-topbar-row-4 #schema-workspace-panel-host { top: var(--app-top-banner-height, 0px) !important; right: var(--workspace-test-gap, 0px) !important; bottom: 0 !important; left: calc(var(--app-global-topbar-left-edge, var(--app-left-sidebar-width, 0px)) + var(--workspace-test-gap, 0px)) !important; width: auto !important; height: calc(100vh - var(--app-top-banner-height, 0px)) !important; height: calc(100dvh - var(--app-top-banner-height, 0px)) !important; max-height: calc(100vh - var(--app-top-banner-height, 0px)) !important; max-height: calc(100dvh - var(--app-top-banner-height, 0px)) !important; z-index: 9000 !important; } body.split-companion-active #schema-workspace-panel-host, body.split-companion-active #workspace-topbar-row-4 #schema-workspace-panel-host { left: calc(var(--workspace-split-qcm-left, 50vw) - 10px) !important; right: auto !important; width: calc(var(--workspace-split-qcm-width, 50vw) + 20px) !important; } @media (max-width: 768px) { body.qcm-workspace-active #schema-workspace-panel-host, body.qcm-workspace-active #workspace-topbar-row-4 #schema-workspace-panel-host { top: var(--app-top-banner-height, 0px) !important; right: 0 !important; left: 0 !important; width: 100vw !important; height: calc(100vh - var(--app-top-banner-height, 0px)) !important; height: calc(100dvh - var(--app-top-banner-height, 0px)) !important; max-height: calc(100vh - var(--app-top-banner-height, 0px)) !important; max-height: calc(100dvh - var(--app-top-banner-height, 0px)) !important; } } body:not(.dark-theme).qcm-workspace-active .app-global-top-bar { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #0f172a !important; border-bottom: none !important; box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important; } body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main, body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell > span, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell > span, body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main i { color: #1f2937 !important; } body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell > span, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell > span { font-size: 11px !important; font-weight: 900 !important; white-space: nowrap !important; } body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty { display: inline-flex !important; align-items: center !important; gap: 1px !important; } body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star, body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star.active, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star.active, body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star:hover, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star:hover, body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star:active, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star:active { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; } body.qcm-workspace-active #workspace-topbar-host, body.qcm-workspace-active #quiz-top-unified-card, body.qcm-workspace-active #workspace-topbar-row-1, body.qcm-workspace-active #workspace-topbar-row-2, body.qcm-workspace-active #workspace-topbar-row-3, body.qcm-workspace-active #workspace-topbar-row-4, body.qcm-workspace-active #workspace-topbar-row-1 #quiz-top-row, body.qcm-workspace-active #workspace-topbar-row-1 #question-stats, body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar, body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-bar, body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-extra-row, body.qcm-workspace-active #workspace-topbar-row-4 #qcm-inline-actions-host, body.qcm-workspace-active #workspace-topbar-row-4 #schema-workspace-panel-host { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } body.qcm-workspace-active #main-content, body.qcm-workspace-active #setup-section.test-workspace-active, body.qcm-workspace-active #quiz-panel.test-workspace { background: transparent !important; background-color: transparent !important; background-image: none !important; } html body.qcm-workspace-active { background: transparent !important; background-color: transparent !important; background-image: none !important; } body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main, body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; height: 22px !important; min-height: 22px !important; padding: 0 10px !important; border: 1px solid #d8e3f0 !important; border-radius: 999px !important; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important; background-color: #ffffff !important; background-image: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 2px 8px rgba(148, 163, 184, 0.12) !important; flex: 0 0 auto !important; } body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main { min-width: 132px !important; color: #1f2937 !important; font-size: 10px !important; font-weight: 800 !important; } body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main i { color: inherit !important; font-size: 9px !important; } body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell { min-width: 146px !important; } body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell > span, body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell > span { color: #1f2937 !important; font-size: 10px !important; font-weight: 900 !important; white-space: nowrap !important; background: transparent !important; } body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty { display: inline-flex !important; align-items: center !important; gap: 1px !important; background: transparent !important; } body.qcm-workspace-active #workspace-topbar-row-2 #rating-quality .large-star, body.qcm-workspace-active #workspace-topbar-row-2 #rating-difficulty .large-star { font-size: 14px !important; line-height: 1 !important; } body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row > div[style*="width:1px"] { display: none !important; } @media (min-width: 769px) { html body.qcm-workspace-active.split-companion-active #quiz-panel.test-workspace.split-companion-qcm-panel { margin-top: 0.5cm !important; } } html body.qcm-workspace-active #quiz-timers-row .mini-timer-pill, html body.qcm-workspace-active #quick-search-wrapper, html body.qcm-workspace-active #question-stats .question-stats-pill, html body.qcm-workspace-active #question-stats .question-day-chip, html body.qcm-workspace-active #question-filters-bar .filter-badge, html body.qcm-workspace-active #btn-mindmap-main, html body.qcm-workspace-active #quality-rating-shell, html body.qcm-workspace-active #difficulty-rating-shell, html body.qcm-workspace-active #qcm-control-main-row > button, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn, html body.qcm-workspace-active .inline-ai-btn, html body.qcm-workspace-active .inline-verify-btn, html body.qcm-workspace-active .inline-todo-btn, html body.qcm-workspace-active .inline-next-btn { background: var(--workspace-tile-bg, #ffffff) !important; background-color: var(--workspace-tile-bg, #ffffff) !important; background-image: none !important; border-color: var(--workspace-tile-border, #d8e3f0) !important; color: var(--workspace-tile-text, #0f172a) !important; } html body.qcm-workspace-active #quiz-timers-row .mini-timer-pill:hover, html body.qcm-workspace-active #quick-search-wrapper:hover, html body.qcm-workspace-active #quick-search-wrapper:focus-within, html body.qcm-workspace-active #question-stats .question-stats-pill:hover, html body.qcm-workspace-active #question-stats .question-day-chip:hover, html body.qcm-workspace-active #question-filters-bar .filter-badge:hover, html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-badge-open, html body.qcm-workspace-active #question-filters-bar .filter-badge.active, html body.qcm-workspace-active #btn-mindmap-main:hover, html body.qcm-workspace-active #btn-mindmap-main:focus-visible, html body.qcm-workspace-active #quality-rating-shell:hover, html body.qcm-workspace-active #difficulty-rating-shell:hover, html body.qcm-workspace-active #qcm-control-main-row > button:hover, html body.qcm-workspace-active #qcm-control-main-row > button:focus-visible, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn:hover, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn:focus-visible, html body.qcm-workspace-active .inline-ai-btn:hover, html body.qcm-workspace-active .inline-ai-btn:focus-visible, html body.qcm-workspace-active .inline-verify-btn:hover, html body.qcm-workspace-active .inline-verify-btn:focus-visible, html body.qcm-workspace-active .inline-todo-btn:hover, html body.qcm-workspace-active .inline-todo-btn:focus-visible, html body.qcm-workspace-active .inline-next-btn:hover, html body.qcm-workspace-active .inline-next-btn:focus-visible { background: var(--workspace-tile-bg, #ffffff) !important; background-color: var(--workspace-tile-bg, #ffffff) !important; background-image: none !important; border-color: var(--workspace-tile-border, #d8e3f0) !important; color: var(--workspace-tile-text, #0f172a) !important; } html body.qcm-workspace-active #quiz-timers-row .mini-timer-pill *, html body.qcm-workspace-active #question-stats .question-stats-pill *, html body.qcm-workspace-active #question-stats .question-day-chip *, html body.qcm-workspace-active #question-filters-bar .filter-badge *, html body.qcm-workspace-active #btn-mindmap-main *, html body.qcm-workspace-active #quality-rating-shell > span, html body.qcm-workspace-active #difficulty-rating-shell > span, html body.qcm-workspace-active #qcm-control-main-row > button *, html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn *, html body.qcm-workspace-active .inline-ai-btn *, html body.qcm-workspace-active .inline-verify-btn *, html body.qcm-workspace-active .inline-todo-btn *, html body.qcm-workspace-active .inline-next-btn * { color: inherit !important; } html body.qcm-workspace-active #quiz-timers-row .timer-total { --workspace-tile-bg: #fdf2f8; --workspace-tile-border: #f5c2d7; --workspace-tile-text: #9d174d; } html body.qcm-workspace-active #question-total-timer { color: #831843 !important; } html body.qcm-workspace-active #quiz-timers-row .timer-qcm { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #166534; } html body.qcm-workspace-active #question-q-timer { color: #14532d !important; } html body.qcm-workspace-active #quick-search-wrapper { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active #desktop-quick-search-input { background: transparent !important; color: #1e3a8a !important; caret-color: #1d4ed8 !important; } html body.qcm-workspace-active #desktop-quick-search-input::placeholder { color: #64748b !important; } html body.qcm-workspace-active #révision-count { --workspace-tile-bg: #eef2ff; --workspace-tile-border: #c7d2fe; --workspace-tile-text: #4338ca; } html body.qcm-workspace-active #révision-correct-total { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active #révision-wrong-total { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #dc2626; } html body.qcm-workspace-active #session-score-pill { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #question-stats .question-day-chip.empty { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #475569; } html body.qcm-workspace-active #question-stats .question-day-chip.correct-only { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #166534; } html body.qcm-workspace-active #question-stats .question-day-chip.wrong-only { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #b91c1c; } html body.qcm-workspace-active #question-stats .question-day-chip.mixed { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-faculty { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #475569; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-rotation { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-year { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-module { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #question-filters-bar .filter-badge.filter-lesson { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #btn-mindmap-main { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active #quality-rating-shell { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #difficulty-rating-shell { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #quality-rating-shell .large-star, html body.qcm-workspace-active #rating-quality .large-star { color: #8fd1c5 !important; -webkit-text-fill-color: #8fd1c5 !important; } html body.qcm-workspace-active #quality-rating-shell .large-star.active, html body.qcm-workspace-active #quality-rating-shell .large-star:hover, html body.qcm-workspace-active #quality-rating-shell .large-star:active, html body.qcm-workspace-active #rating-quality .large-star.active, html body.qcm-workspace-active #rating-quality .large-star:hover, html body.qcm-workspace-active #rating-quality .large-star:active { color: #0f766e !important; -webkit-text-fill-color: #0f766e !important; } html body.qcm-workspace-active #difficulty-rating-shell .large-star, html body.qcm-workspace-active #rating-difficulty .large-star { color: #fdba74 !important; -webkit-text-fill-color: #fdba74 !important; } html body.qcm-workspace-active #difficulty-rating-shell .large-star.active, html body.qcm-workspace-active #difficulty-rating-shell .large-star:hover, html body.qcm-workspace-active #difficulty-rating-shell .large-star:active, html body.qcm-workspace-active #rating-difficulty .large-star.active, html body.qcm-workspace-active #rating-difficulty .large-star:hover, html body.qcm-workspace-active #rating-difficulty .large-star:active { color: #c2410c !important; -webkit-text-fill-color: #c2410c !important; } html body.qcm-workspace-active #btn-prev-main { --workspace-tile-bg: #f8fafc; --workspace-tile-border: #cbd5e1; --workspace-tile-text: #334155; } html body.qcm-workspace-active #btn-study-main { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active #btn-notes-main { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active #btn-close-companion-main { --workspace-tile-bg: #fef2f2; --workspace-tile-border: #fecaca; --workspace-tile-text: #dc2626; } html body.qcm-workspace-active #btn-explain-main { --workspace-tile-bg: #eef2ff; --workspace-tile-border: #c7d2fe; --workspace-tile-text: #4338ca; } html body.qcm-workspace-active #btn-end-main { --workspace-tile-bg: #fdecec; --workspace-tile-border: #f5b7b1; --workspace-tile-text: #b42318; } html body.qcm-workspace-active #btn-schema-main { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #qcm-main-translate-host .large-translate-btn { --workspace-tile-bg: #f0f9ff; --workspace-tile-border: #bae6fd; --workspace-tile-text: #0369a1; } html body.qcm-workspace-active .inline-ai-btn { --workspace-tile-bg: #eff6ff; --workspace-tile-border: #bfdbfe; --workspace-tile-text: #1d4ed8; } html body.qcm-workspace-active .inline-ai-btn.is-detailed { --workspace-tile-bg: #f5f3ff; --workspace-tile-border: #ddd6fe; --workspace-tile-text: #6d28d9; } html body.qcm-workspace-active .inline-verify-btn { --workspace-tile-bg: #ecfdf3; --workspace-tile-border: #bbf7d0; --workspace-tile-text: #15803d; } html body.qcm-workspace-active .inline-todo-btn { --workspace-tile-bg: #fff7ed; --workspace-tile-border: #fed7aa; --workspace-tile-text: #c2410c; } html body.qcm-workspace-active .inline-next-btn { --workspace-tile-bg: #ecfeff; --workspace-tile-border: #a5f3fc; --workspace-tile-text: #0f766e; } html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder { color: #1f2937 !important; opacity: 1 !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #qcm-control-extra-row { gap: 3px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .qcm-filter-row.single-line { gap: 3px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .qcm-filter-row.single-line .filter-badge { min-height: 18px !important; padding: 2px 5px !important; gap: 3px !important; font-size: 6.8px !important; line-height: 1 !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .qcm-filter-row.single-line .filter-badge.filter-large { padding: 2px 5px !important; font-size: 6.8px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .qcm-filter-row.single-line .filter-badge.filter-small { max-width: 76px !important; padding: 2px 4px !important; font-size: 5.8px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .qcm-filter-row.single-line .filter-badge i { font-size: 5.6px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #question-filters-bar .filter-badge-label { line-height: 1 !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main, html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell { width: max-content !important; min-width: max-content !important; padding: 0 4px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #btn-mindmap-main { gap: 3px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell, html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell { gap: 2px !important; } html body.qcm-workspace-active #workspace-topbar-row-2 #quality-rating-shell > span, html body.qcm-workspace-active #workspace-topbar-row-2 #difficulty-rating-shell > span { font-size: 9px !important; } @media (min-width: 769px) { html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { gap: 8px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { order: 1 !important; flex: 0 0 auto !important; overflow: visible !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days { order: 2 !important; flex: 1 1 auto !important; justify-content: flex-end !important; text-align: right !important; } } /* EOF final hard overrides: keep these last to beat duplicated theme blocks */ html body.qcm-workspace-active #workspace-topbar-row-3 #btn-end-main { display: none !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-control-main-row { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-prev-main { order: 10 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-study-main { order: 20 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-notes-main { order: 30 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-explain-main { order: 40 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #btn-schema-main { order: 50 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-main-translate-host { order: 60 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .question-actions-after-options { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 4px !important; margin: 0 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-ai-btn:not(.is-detailed) { order: 71 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-ai-btn.is-detailed { order: 72 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-end-btn { order: 73 !important; background: linear-gradient(180deg, #c81c45 0%, #b6153c 100%) !important; border: 1.5px solid #b5163b !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(182, 21, 60, 0.22) !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-end-btn * { color: #ffffff !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-todo-btn { order: 74 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-verify-btn { order: 75 !important; } html body.qcm-workspace-active #workspace-topbar-row-3 #qcm-inline-actions-host .inline-next-btn { order: 76 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:focus, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:active { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; caret-color: #1f2937 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-webkit-input-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input::-moz-placeholder, html body.qcm-workspace-active #workspace-topbar-row-1 #desktop-quick-search-input:-ms-input-placeholder { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; opacity: 1 !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame { background: linear-gradient(180deg, #97cff8 0%, #87c2ef 100%) !important; border: 1.5px solid #74b0df !important; border-radius: 999px !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills { scrollbar-color: rgba(255, 255, 255, 0.98) rgba(255, 255, 255, 0.98) !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-track, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-track { background: #ffffff !important; } html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-main-frame::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-days::-webkit-scrollbar-thumb, html body.qcm-workspace-active #workspace-topbar-row-1 #question-stats .question-stats-pills::-webkit-scrollbar-thumb { background: #ffffff !important; border: 1px solid #8fbde0 !important; border-radius: 999px !important; } html body.qcm-workspace-active #auto-explanation-container.auto-explanation { background: #ffffff !important; border: 1.5px solid #dbe5ef !important; box-shadow: 0 24px 60px rgba(2, 6, 23, 0.25) !important; } html body.qcm-workspace-active #auto-explanation-container .explanation-header, html body.qcm-workspace-active #auto-explanation-content, html body.qcm-workspace-active #auto-explanation-content * { background: #ffffff !important; color: #1e293b !important; } html body.overlay-panels-open, html body.overlay-panels-open #main-content, html body.overlay-panels-open #setup-section { padding-top: 0 !important; } html body.overlay-panels-open .app-global-top-bar { display: none !important; }